diff --git a/next/carbon-web-components/iframe.html b/next/carbon-web-components/iframe.html index db6bf719194..2e51725315f 100644 --- a/next/carbon-web-components/iframe.html +++ b/next/carbon-web-components/iframe.html @@ -369,4 +369,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./.storybook","files":"bootstrap-story.ts","importPathMatcher":"^\\.[\\\\/](?:\\.storybook\\/bootstrap-story\\.ts)$"},{"titlePrefix":"","directory":"./docs","files":"**/*-story.mdx","importPathMatcher":"^\\.[\\\\/](?:docs(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?-story\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*-story.ts","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?-story\\.ts)$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./.storybook","files":"bootstrap-story.ts","importPathMatcher":"^\\.[\\\\/](?:\\.storybook\\/bootstrap-story\\.ts)$"},{"titlePrefix":"","directory":"./docs","files":"**/*-story.mdx","importPathMatcher":"^\\.[\\\\/](?:docs(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?-story\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*-story.ts","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?-story\\.ts)$"}]; \ No newline at end of file diff --git a/next/carbon-web-components/main.a8face5d.iframe.bundle.js b/next/carbon-web-components/main.281cf2d7.iframe.bundle.js similarity index 99% rename from next/carbon-web-components/main.a8face5d.iframe.bundle.js rename to next/carbon-web-components/main.281cf2d7.iframe.bundle.js index 2834fdc7692..5736c9bdc86 100644 --- a/next/carbon-web-components/main.a8face5d.iframe.bundle.js +++ b/next/carbon-web-components/main.281cf2d7.iframe.bundle.js @@ -1,3 +1,3 @@ -/*! For license information please see main.a8face5d.iframe.bundle.js.LICENSE.txt */ -(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{"./.storybook sync ^\\.[\\\\/](?:bootstrap-story\\.ts)$":function(module,exports,__webpack_require__){var map={"./bootstrap-story.ts":"./.storybook/bootstrap-story.ts"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./.storybook sync ^\\.[\\\\/](?:bootstrap-story\\.ts)$"},"./.storybook/addon-carbon-theme/shared.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CURRENT_THEME}));var CURRENT_THEME="".concat("carbon-theme","/current");"".concat("carbon-theme","/panel")},"./.storybook/addon-knobs-args/decorators.ts-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var decorators_namespaceObject={};__webpack_require__.r(decorators_namespaceObject),__webpack_require__.d(decorators_namespaceObject,"decorators",(function(){return decorators}));__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("../../node_modules/@storybook/client-api/dist/esm/ClientApi.js"),decorators=[function decoratorKnobs(story,_ref){var args=_ref.args,knobs=_ref.parameters.knobs;return Object(knobs)===knobs&&Object.keys(knobs).forEach((function(name){var knobsForComponent=knobs[name];"function"==typeof knobsForComponent&&(args[name]=knobsForComponent())}),{}),story()}];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(decorators_namespaceObject).forEach((function(key){var value=decorators_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i\n ",'\n \n \n \n ',"\n \n"])),_container,hasMainTag?"none":"main",children)}},"./.storybook/knob-text-nullable.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js");__webpack_exports__.a=function textNullable(name,value,groupId){var content=Object(_storybook_addon_knobs__WEBPACK_IMPORTED_MODULE_0__.text)(name,value,groupId);return""===content?null:content}},"./.storybook/preview.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(process){__webpack_require__.d(__webpack_exports__,"parameters",(function(){return parameters})),__webpack_require__.d(__webpack_exports__,"decorators",(function(){return decorators}));var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_storybook_addons__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/@storybook/addons/dist/esm/public_api.js")),_addon_carbon_theme_shared__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./.storybook/addon-carbon-theme/shared.ts"),_theme__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./.storybook/theme.ts"),_container__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./.storybook/container.ts");"true"===process.env.STORYBOOK_CARBON_CUSTOM_ELEMENTS_USE_RTL&&document.documentElement.setAttribute("dir","rtl"),_storybook_addons__WEBPACK_IMPORTED_MODULE_2__.default.getChannel().on(_addon_carbon_theme_shared__WEBPACK_IMPORTED_MODULE_3__.a,(function(theme){document.documentElement.setAttribute("storybook-carbon-theme",theme)})),_storybook_addons__WEBPACK_IMPORTED_MODULE_2__.default.setConfig({showRoots:!0,theme:_theme__WEBPACK_IMPORTED_MODULE_4__.a});var SORT_ORDER=["introduction-welcome--page","introduction-form-paticipation--page","introduction-custom-styles--page"],parameters={layout:"fullscreen",options:{storySort:function storySort(lhs,rhs){var lhsId=Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__.a)(lhs,1)[0],rhsId=Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__.a)(rhs,1)[0],lhsSortOrder=SORT_ORDER.indexOf(lhsId),rhsSortOrder=SORT_ORDER.indexOf(rhsId);return lhsSortOrder>=0&&rhsSortOrder>=0?lhsSortOrder-rhsSortOrder:0},theme:_theme__WEBPACK_IMPORTED_MODULE_4__.a}},decorators=[function decoratorContainer(story){var result=story(),hasMainTag=result.hasMainTag;return Object(_container__WEBPACK_IMPORTED_MODULE_5__.a)({hasMainTag:hasMainTag,children:result})}]}.call(this,__webpack_require__("../../node_modules/process/browser.js"))},"./.storybook/preview.ts-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js");var _home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_node_modules_storybook_client_api__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@storybook/client-api/dist/esm/ClientApi.js"),_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_packages_carbon_web_components_storybook_preview_ts__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./.storybook/preview.ts");function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_packages_carbon_web_components_storybook_preview_ts__WEBPACK_IMPORTED_MODULE_10__).forEach((function(key){var value=_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_packages_carbon_web_components_storybook_preview_ts__WEBPACK_IMPORTED_MODULE_10__[key];switch(key){case"args":return Object(_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_node_modules_storybook_client_api__WEBPACK_IMPORTED_MODULE_9__.d)(value);case"argTypes":return Object(_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_node_modules_storybook_client_api__WEBPACK_IMPORTED_MODULE_9__.b)(value);case"decorators":return value.forEach((function(decorator){return Object(_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_node_modules_storybook_client_api__WEBPACK_IMPORTED_MODULE_9__.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_node_modules_storybook_client_api__WEBPACK_IMPORTED_MODULE_9__.g)(loader,!1)}));case"parameters":return Object(_home_runner_work_carbon_for_ibm_dotcom_carbon_for_ibm_dotcom_node_modules_storybook_client_api__WEBPACK_IMPORTED_MODULE_9__.h)(function _objectSpread(target){for(var i=1;i`.","type":"string"},{"name":"ping","description":"URLs to ping.","type":"string"},{"name":"rel","description":"The link type.","type":"string"},{"name":"size","description":"Link size.","type":"LINK_SIZE","default":"\\"\\""},{"name":"target","description":"The link target.","type":"string"},{"name":"type","description":"MIME type of the `target`.","type":"string"}],"properties":[{"name":"disabled","attribute":"disabled","description":"`true` if the button should be disabled.","type":"boolean","default":"false"},{"name":"download","attribute":"download","description":"The default file name.","type":"string"},{"name":"href","attribute":"href","description":"Link `href`.","type":"string"},{"name":"hreflang","attribute":"hreflang","description":"The language of what `href` points to.","type":"string"},{"name":"linkRole","attribute":"link-role","description":"The a11y role for ``.","type":"string"},{"name":"ping","attribute":"ping","description":"URLs to ping.","type":"string"},{"name":"rel","attribute":"rel","description":"The link type.","type":"string"},{"name":"size","attribute":"size","description":"Link size.","type":"LINK_SIZE","default":"\\"\\""},{"name":"target","attribute":"target","description":"The link target.","type":"string"},{"name":"type","attribute":"type","description":"MIME type of the `target`.","type":"string"},{"name":"styles","default":"\\"styles\\""}]},{"name":"bx-breadcrumb-overflow-menu","path":"./src/components/breadcrumb/breadcrumb-overflow-menu.ts","description":"Overflow menu in breadcrumb.","attributes":[{"name":"color-scheme","description":"The color scheme.","type":"FORM_ELEMENT_COLOR_SCHEME","default":"\\"\\""},{"name":"disabled","description":"`true` if this overflow menu should be disabled.","type":"boolean","default":"false"},{"name":"size","description":"Overflow menu size.","type":"OVERFLOW_MENU_SIZE","default":"\\"\\""},{"name":"open","description":"`true` if the dropdown should be open.","type":"boolean","default":"false"}],"properties":[{"name":"colorScheme","attribute":"color-scheme","description":"The color scheme.","type":"FORM_ELEMENT_COLOR_SCHEME","default":"\\"\\""},{"name":"disabled","attribute":"disabled","description":"`true` if this overflow menu should be disabled.","type":"boolean","default":"false"},{"name":"size","attribute":"size","description":"Overflow menu size.","type":"OVERFLOW_MENU_SIZE","default":"\\"\\""},{"name":"styles","default":"\\"styles\\""},{"name":"open","attribute":"open","description":"`true` if the dropdown should be open.","type":"boolean","default":"false"},{"name":"triggerPosition","description":"The position of the trigger button.","type":"DOMRect"}],"slots":[{"name":"icon","description":"The icon for the trigger button."}]},{"name":"bx-breadcrumb","path":"./src/components/breadcrumb/breadcrumb.ts","description":"Breadcrumb.","properties":[{"name":"styles","default":"\\"styles\\""}]},{"name":"bx-btn","path":"./src/components/button/button.ts","description":"Button.","attributes":[{"name":"autofocus","description":"`true` if the button should have input focus when the page loads.","type":"boolean","default":"false"},{"name":"disabled","description":"`true` if the button should be disabled.","type":"boolean","default":"false"},{"name":"download","description":"The default file name, used if this button is rendered as ``.","type":"string"},{"name":"href","description":"Link `href`. If present, this button is rendered as ``.","type":"string"},{"name":"hreflang","description":"The language of what `href` points to, if this button is rendered as ``.","type":"string"},{"name":"icon-layout","description":"Button icon layout.","type":"BUTTON_ICON_LAYOUT","default":"\\"\\""},{"name":"isExpressive","description":"`true` if expressive theme enabled.","type":"boolean","default":"false"},{"name":"kind","description":"Button kind.","type":"BUTTON_KIND","default":"\\"primary\\""},{"name":"link-role","description":"The a11y role for ``.","type":"string","default":"\\"button\\""},{"name":"ping","description":"URLs to ping, if this button is rendered as ``.","type":"string"},{"name":"rel","description":"The link type, if this button is rendered as ``.","type":"string"},{"name":"size","description":"Button size.","type":"BUTTON_SIZE","default":"\\"\\""},{"name":"target","description":"The link target, if this button is rendered as ``.","type":"string"},{"name":"type","description":"The default behavior if the button is rendered as `\n "])),invalid?Object(warning_filled_16.a)({class:"".concat(file_uploader_item_prefix,"--file-invalid")}):void 0,deleteAssistiveText,file_uploader_item_prefix,handleClickDeleteButton,Object(close_16.a)())}},{kind:"method",key:"_renderUploading",value:function _renderUploading(){var uploadingAssistiveText=this.uploadingAssistiveText;return Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n '])),uploadingAssistiveText,loading.a.SMALL)}},{kind:"method",key:"_renderUploaded",value:function _renderUploaded(){var uploadedAssistiveText=this.uploadedAssistiveText;return Object(_16.a)({class:"".concat(file_uploader_item_prefix,"--file-complete"),"aria-label":uploadedAssistiveText})}},{kind:"method",key:"_renderStatus",value:function _renderStatus(){switch(this.state){case FILE_UPLOADER_ITEM_STATE.EDITING:return this._renderEditing();case FILE_UPLOADER_ITEM_STATE.UPLOADING:return this._renderUploading();case FILE_UPLOADER_ITEM_STATE.UPLOADED:return this._renderUploaded();default:return}}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"delete-assistive-text"})],key:"deleteAssistiveText",value:function value(){return"Delete this file"}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"invalid",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"size",value:function value(){return FILE_UPLOADER_ITEM_SIZE.REGULAR}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"state",value:function value(){return FILE_UPLOADER_ITEM_STATE.UPLOADING}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"uploading-assistive-text"})],key:"uploadingAssistiveText",value:function value(){return"Uploading"}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"uploaded-assistive-text"})],key:"uploadedAssistiveText",value:function value(){return"Uploaded"}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"validity-message"})],key:"validityMessage",value:function value(){return""}},{kind:"method",key:"render",value:function render(){var validityMessage=this.validityMessage;return Object(lit_element.c)(_templateObject3||(_templateObject3=Object(taggedTemplateLiteral.a)(['\n

\n ','\n
\n
\n ','\n
\n

\n \n

\n
\n '])),file_uploader_item_prefix,file_uploader_item_prefix,this._renderStatus(),file_uploader_item_prefix,file_uploader_item_prefix,validityMessage,file_uploader_item_prefix)}},{kind:"get",static:!0,key:"eventBeforeDelete",value:function eventBeforeDelete(){return"".concat(file_uploader_item_prefix,"-file-uploader-item-beingdeleted")}},{kind:"get",static:!0,key:"eventDelete",value:function eventDelete(){return"".concat(file_uploader_item_prefix,"-file-uploader-item-deleted")}},{kind:"field",static:!0,key:"styles",value:function value(){return file_uploader}}]}}),lit_element.a),__webpack_require__("./.storybook/knob-text-nullable.ts")),dist_esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),addon_docs_dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(dist_esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(dist_esm.b)("h1",{id:"file-uploader"},"File uploader"),Object(dist_esm.b)("blockquote",null,Object(dist_esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(dist_esm.b)("p",null,Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/file-uploader",target:"_blank",rel:"nofollow noopener noreferrer"},Object(dist_esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(dist_esm.b)("p",null,"File uploaders allow users to select one or more files to upload to a specific\nlocation."),Object(dist_esm.b)("h2",{id:"getting-started"},"Getting started"),Object(dist_esm.b)("p",null,"Here's a quick example to get you started."),Object(dist_esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/file-uploader/index.js';\n")),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["file-uploader"]})),mdxType:"Description"}),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(dist_esm.b)("h3",{id:"html"},"HTML"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Drag and drop files here or click to upload\n \n\n')),Object(dist_esm.b)("h2",{id:"bx-file-uploader-attributes-properties-and-events"},Object(dist_esm.b)("inlineCode",{parentName:"h2"},"")," attributes, properties and events"),Object(dist_esm.b)(blocks.c,{of:"bx-file-uploader",mdxType:"Props"}),Object(dist_esm.b)("h2",{id:"bx-file-uploader-item-attributes-properties-and-events"},Object(dist_esm.b)("inlineCode",{parentName:"h2"},"")," attributes, properties and events"),Object(dist_esm.b)("p",null,"Note: For ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"boolean")," attributes, ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"true")," means simply setting the attribute (e.g.\n",Object(dist_esm.b)("inlineCode",{parentName:"p"},""),") and ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"false")," means not setting the attribute\n(e.g. ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"")," without ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"invalid")," attribute)."),Object(dist_esm.b)(blocks.c,{of:"bx-file-uploader-item",mdxType:"Props"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(dist_esm.b)(addon_docs_dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(dist_esm.b)(MDXContent,null))}});var _sizes,file_uploader_story_templateObject,file_uploader_story_templateObject2,file_uploader_story_templateObject3,file_uploader_story=componentMeta;function file_uploader_story_createSuper(Derived){var hasNativeReflectConstruct=function file_uploader_story_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var hasDemoFileUploaderDefined,sizes=(_sizes={"Regular size":null},Object(defineProperty.a)(_sizes,"Small size (".concat(FILE_UPLOADER_ITEM_SIZE.SMALL,")"),FILE_UPLOADER_ITEM_SIZE.SMALL),Object(defineProperty.a)(_sizes,"Size for form field (".concat(FILE_UPLOADER_ITEM_SIZE.FIELD,")"),FILE_UPLOADER_ITEM_SIZE.FIELD),_sizes),file_uploader_story_BXCEDemoFileUploader=Object(decorate.a)(null,(function(_initialize,_LitElement){var _simulateUpload2,BXCEDemoFileUploader=function(_LitElement2){Object(inherits.a)(BXCEDemoFileUploader,_LitElement2);var _super=file_uploader_story_createSuper(BXCEDemoFileUploader);function BXCEDemoFileUploader(){var _this;Object(classCallCheck.a)(this,BXCEDemoFileUploader);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXCEDemoFileUploader)}(_LitElement);return{F:BXCEDemoFileUploader,d:[{kind:"field",key:"_files",value:function value(){return[]}},{kind:"method",key:"_handleChange",value:function _handleChange(event){var addedFiles=event.detail.addedFiles,newFiles=addedFiles.map((function(item){return{id:Math.random().toString(36).slice(2),file:item,state:FILE_UPLOADER_ITEM_STATE.UPLOADING}})),multiple=this.multiple,files=this._files,simulateUpload=this._simulateUpload;multiple?(this._files=files.concat(newFiles),this.requestUpdate(),newFiles.forEach(simulateUpload,this)):addedFiles.length>0&&(this._files=files.concat(newFiles[0]),this.requestUpdate(),this._simulateUpload(newFiles[0]))}},{kind:"method",key:"_handleDelete",value:function _handleDelete(event){var idToDelete=event.target.dataset.fileId;this._files=this._files.filter((function(_ref){var id=_ref.id;return idToDelete!==id})),this.requestUpdate()}},{kind:"method",key:"_simulateUpload",value:(_simulateUpload2=Object(asyncToGenerator.a)(regenerator_default.a.mark((function _callee(data){var id,rand;return regenerator_default.a.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(id=data.id,!(data.file.size>524288)){_context.next=6;break}this._files=this._files.map((function(item){return id!==item.id?item:Object(objectSpread2.a)(Object(objectSpread2.a)({},item),{},{state:FILE_UPLOADER_ITEM_STATE.EDITING,invalid:!0,validityMessage:"File size exceeds limit",supplementalValidityMessage:"500kb max file size. Select a new file and try again."})})),this.requestUpdate(),_context.next=15;break;case 6:return rand=1e3*Math.random(),_context.next=9,Object(bluebird.delay)(rand);case 9:return this._files=this._files.map((function(item){return id!==item.id?item:Object(objectSpread2.a)(Object(objectSpread2.a)({},item),{},{state:FILE_UPLOADER_ITEM_STATE.UPLOADED})})),this.requestUpdate(),_context.next=13,Object(bluebird.delay)(1e3);case 13:this._files=this._files.map((function(item){return id!==item.id?item:Object(objectSpread2.a)(Object(objectSpread2.a)({},item),{},{state:FILE_UPLOADER_ITEM_STATE.EDITING})})),this.requestUpdate();case 15:case"end":return _context.stop()}}),_callee,this)}))),function _simulateUpload(_x){return _simulateUpload2.apply(this,arguments)})},{kind:"field",decorators:[Object(lit_element.d)()],key:"accept",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"disabled",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"helper-text"})],key:"helperText",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"label-text"})],key:"labelText",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"multiple",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"size",value:function value(){return FILE_UPLOADER_ITEM_SIZE.REGULAR}},{kind:"method",key:"render",value:function render(){var accept=this.accept,disabled=this.disabled,helperText=this.helperText,labelText=this.labelText,multiple=this.multiple,size=this.size,files=this._files,handleChange=this._handleChange,handleDelete=this._handleDelete;return Object(lit_element.c)(file_uploader_story_templateObject||(file_uploader_story_templateObject=Object(taggedTemplateLiteral.a)(['\n \n \n Drag and drop files here or click to upload\n \n ',"\n \n "])),Object(if_non_null.a)(helperText),Object(if_non_null.a)(labelText),Object(if_non_null.a)(accept),disabled,multiple,handleChange,files.map((function(_ref2){var id=_ref2.id,invalid=_ref2.invalid,file=_ref2.file,state=_ref2.state,supplementalValidityMessage=_ref2.supplementalValidityMessage,validityMessage=_ref2.validityMessage;return Object(lit_element.c)(file_uploader_story_templateObject2||(file_uploader_story_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n ','\n ',"\n \n "])),id,invalid,Object(if_non_null.a)(size),Object(if_non_null.a)(state),Object(if_non_null.a)(validityMessage),handleDelete,file.name,supplementalValidityMessage)})))}}]}}),lit_element.a),defineDemoFileUploader=function(){hasDemoFileUploaderDefined||(hasDemoFileUploaderDefined=!0,customElements.define("bx-ce-demo-file-uploader",file_uploader_story_BXCEDemoFileUploader))},file_uploader_story_Default=function Default(args){var _args$bxFileUploade,_args$bxFileDropCo,_args$bxFileUploade2,_ref3=null!==(_args$bxFileUploade=null==args?void 0:args["bx-file-uploader"])&&void 0!==_args$bxFileUploade?_args$bxFileUploade:{},helperText=_ref3.helperText,labelText=_ref3.labelText,_ref4=null!==(_args$bxFileDropCo=null==args?void 0:args["bx-file-drop-container"])&&void 0!==_args$bxFileDropCo?_args$bxFileDropCo:{},accept=_ref4.accept,disabled=_ref4.disabled,multiple=_ref4.multiple,_ref5=null!==(_args$bxFileUploade2=null==args?void 0:args["bx-file-uploader-item"])&&void 0!==_args$bxFileUploade2?_args$bxFileUploade2:{},size=_ref5.size,disableDelete=_ref5.disableDelete,onBeforeDelete=_ref5.onBeforeDelete,onDelete=_ref5.onDelete;return defineDemoFileUploader(),Object(lit_element.c)(file_uploader_story_templateObject3||(file_uploader_story_templateObject3=Object(taggedTemplateLiteral.a)(['\n \n \n '])),Object(if_non_null.a)(accept),disabled,Object(if_non_null.a)(helperText),Object(if_non_null.a)(labelText),multiple,Object(if_non_null.a)(size),(function handleBeforeDelete(event){onBeforeDelete(event),disableDelete&&event.preventDefault()}),onDelete)};file_uploader_story_Default.storyName="Default";__webpack_exports__.default={title:"Components/File uploader",parameters:Object(objectSpread2.a)(Object(objectSpread2.a)({},file_uploader_story.parameters),{},{knobs:{"bx-file-uploader":function bxFileUploader(){return{helperText:Object(knob_text_nullable.a)("Helper text (helper-text)","Only .jpg and .png files. 500kb max file size"),labelText:Object(knob_text_nullable.a)("Label text (label-text)","Account photo")}},"bx-file-drop-container":function bxFileDropContainer(){return{accept:Object(knob_text_nullable.a)("Accepted MIME types or file extensions (accept)","image/jpeg image/png"),disabled:Object(dist.boolean)("Disabled (disabled)",!1),multiple:Object(dist.boolean)("Supports uploading multiple files at once (multiple)",!0)}},"bx-file-uploader-item":function bxFileUploaderItem(){return{size:Object(dist.select)("Filename height (size)",sizes,null),disableDelete:Object(dist.boolean)("Disable user-initiated delete action (Call event.preventDefault() in bx-file-uploader-item-beingdeleted event)",!1),onBeforeDelete:Object(esm.action)("bx-file-uploader-item-beingdeleted"),onDelete:Object(esm.action)("bx-file-uploader-item-deleted")}}}})}},"./src/components/floating-menu/floating-menu.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FLOATING_MENU_ALIGNMENT})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FLOATING_MENU_DIRECTION})),__webpack_require__.d(__webpack_exports__,"c",(function(){return FLOATING_MENU_POSITION_DIRECTION}));__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js");var FLOATING_MENU_POSITION_DIRECTION,FLOATING_MENU_ALIGNMENT,FLOATING_MENU_DIRECTION,FLOATING_MENU_DIRECTION_GROUP,defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),lit_element=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/lit-element/lit-element.js")),host_listener=__webpack_require__("./src/globals/decorators/host-listener.ts"),mixins_focus=__webpack_require__("./src/globals/mixins/focus.ts"),mixins_host_listener=__webpack_require__("./src/globals/mixins/host-listener.ts");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}!function(FLOATING_MENU_POSITION_DIRECTION){FLOATING_MENU_POSITION_DIRECTION.LTR="ltr",FLOATING_MENU_POSITION_DIRECTION.RTL="rtl"}(FLOATING_MENU_POSITION_DIRECTION||(FLOATING_MENU_POSITION_DIRECTION={})),function(FLOATING_MENU_ALIGNMENT){FLOATING_MENU_ALIGNMENT.START="start",FLOATING_MENU_ALIGNMENT.CENTER="center",FLOATING_MENU_ALIGNMENT.END="end"}(FLOATING_MENU_ALIGNMENT||(FLOATING_MENU_ALIGNMENT={})),function(FLOATING_MENU_DIRECTION){FLOATING_MENU_DIRECTION.LEFT="left",FLOATING_MENU_DIRECTION.TOP="top",FLOATING_MENU_DIRECTION.RIGHT="right",FLOATING_MENU_DIRECTION.BOTTOM="bottom"}(FLOATING_MENU_DIRECTION||(FLOATING_MENU_DIRECTION={})),function(FLOATING_MENU_DIRECTION_GROUP){FLOATING_MENU_DIRECTION_GROUP.HORIZONTAL="horizontal",FLOATING_MENU_DIRECTION_GROUP.VERTICAL="vertical"}(FLOATING_MENU_DIRECTION_GROUP||(FLOATING_MENU_DIRECTION_GROUP={}));var observeResize=function observeResize(observer,elem){return observer.observe(elem),{release:function release(){return observer.unobserve(elem),null}}},closestComposed=function closestComposed(elem,selector){var found=elem.closest(selector);if(found)return found;var host=elem.getRootNode().host;return host?closestComposed(host,selector):null},floating_menu_BXFloatingMenu=Object(decorate.a)(null,(function(_initialize,_HostListenerMixin){var BXFloatingMenu=function(_HostListenerMixin2){Object(inherits.a)(BXFloatingMenu,_HostListenerMixin2);var _super=_createSuper(BXFloatingMenu);function BXFloatingMenu(){var _this;Object(classCallCheck.a)(this,BXFloatingMenu);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXFloatingMenu)}(_HostListenerMixin);return{F:BXFloatingMenu,d:[{kind:"field",key:"_hObserveResizeParent",value:function value(){return null}},{kind:"field",key:"_hObserveResizeContainer",value:function value(){return null}},{kind:"field",key:"_resizeObserver",value:function value(){var _this2=this;return new ResizeObserver((function(){var container=_this2.container,open=_this2.open,parent=_this2.parent,position=_this2.position;if(container&&open&&parent){var direction=position.direction,start=position.start,top=position.top;_this2.style[direction!==FLOATING_MENU_POSITION_DIRECTION.RTL?"left":"right"]="".concat(start,"px"),_this2.style.top="".concat(top,"px")}}))}},{kind:"field",decorators:[Object(host_listener.a)("focusout")],key:"_handleBlur",value:function value(){var _this3=this;return function(_ref2){var relatedTarget=_ref2.relatedTarget;if(!_this3.contains(relatedTarget)){var parent=_this3.parent;parent&&(parent.open=!1,HTMLElement.prototype.focus.call(_this3.parent))}}}},{kind:"field",key:"parent",value:function value(){return null}},{kind:"get",key:"alignmentDirection",value:function alignmentDirection(){var _FLOATING_MENU_DIRECT;return(_FLOATING_MENU_DIRECT={},Object(defineProperty.a)(_FLOATING_MENU_DIRECT,FLOATING_MENU_DIRECTION.LEFT,FLOATING_MENU_DIRECTION_GROUP.VERTICAL),Object(defineProperty.a)(_FLOATING_MENU_DIRECT,FLOATING_MENU_DIRECTION.TOP,FLOATING_MENU_DIRECTION_GROUP.HORIZONTAL),Object(defineProperty.a)(_FLOATING_MENU_DIRECT,FLOATING_MENU_DIRECTION.RIGHT,FLOATING_MENU_DIRECTION_GROUP.VERTICAL),Object(defineProperty.a)(_FLOATING_MENU_DIRECT,FLOATING_MENU_DIRECTION.BOTTOM,FLOATING_MENU_DIRECTION_GROUP.HORIZONTAL),_FLOATING_MENU_DIRECT)[this.direction]}},{kind:"get",key:"container",value:function container(){return closestComposed(this,this.constructor.selectorContainer)||this.ownerDocument.body}},{kind:"get",key:"position",value:function position(){var _FLOATING_MENU_DIRECT2,_FLOATING_MENU_DIRECT3,_FLOATING_MENU_DIRECT4,_FLOATING_MENU_DIRECT6,triggerPosition=this.parent.triggerPosition;if(!triggerPosition)throw new TypeError("Missing information of trigger button position.");var container=this.container,_triggerPosition$left=triggerPosition.left,refLeft=void 0===_triggerPosition$left?0:_triggerPosition$left,_triggerPosition$top=triggerPosition.top,refTop=void 0===_triggerPosition$top?0:_triggerPosition$top,_triggerPosition$righ=triggerPosition.right,refRight=void 0===_triggerPosition$righ?0:_triggerPosition$righ,_triggerPosition$bott=triggerPosition.bottom,refBottom=void 0===_triggerPosition$bott?0:_triggerPosition$bott,_this$getBoundingClie=this.getBoundingClientRect(),width=_this$getBoundingClie.width,height=_this$getBoundingClie.height,_container$getBoundin=container.getBoundingClientRect(),_container$getBoundin2=_container$getBoundin.left,containerLeft=void 0===_container$getBoundin2?0:_container$getBoundin2,_container$getBoundin3=_container$getBoundin.right,containerRight=void 0===_container$getBoundin3?0:_container$getBoundin3,_container$getBoundin4=_container$getBoundin.top,containerTop=void 0===_container$getBoundin4?0:_container$getBoundin4,refCenterHorizontal=(refLeft+refRight)/2,refCenterVertical=(refTop+refBottom)/2,containerComputedStyle=container.ownerDocument.defaultView.getComputedStyle(container),positionDirection=containerComputedStyle.getPropertyValue("direction"),isRtl=positionDirection===FLOATING_MENU_POSITION_DIRECTION.RTL,containerStartFromViewport=isRtl?container.ownerDocument.defaultView.innerWidth-containerRight:containerLeft,refStartFromContainer=isRtl?containerRight-refRight:refLeft-containerLeft,refEndFromContainer=isRtl?containerRight-refLeft:refRight-containerLeft,refCenterHorizontalFromContainer=isRtl?containerRight-refCenterHorizontal:refCenterHorizontal-containerLeft,refTopFromContainer=refTop-containerTop,refCenterVerticalFromContainer=refCenterVertical-containerTop;if((container!==this.ownerDocument.body||0!==containerStartFromViewport||0!==containerTop)&&"static"===containerComputedStyle.getPropertyValue("position"))throw new Error("Floating menu container must not have `position:static`.");var alignment=this.alignment,alignmentDirection=this.alignmentDirection,direction=this.direction;if(Object.values(FLOATING_MENU_ALIGNMENT).indexOf(alignment)<0)throw new Error("Wrong menu alignment: ".concat(alignment));if(Object.values(FLOATING_MENU_DIRECTION).indexOf(direction)<0)throw new Error("Wrong menu position direction: ".concat(direction));var alignmentStart=(_FLOATING_MENU_DIRECT4={},Object(defineProperty.a)(_FLOATING_MENU_DIRECT4,FLOATING_MENU_DIRECTION_GROUP.HORIZONTAL,(_FLOATING_MENU_DIRECT2={},Object(defineProperty.a)(_FLOATING_MENU_DIRECT2,FLOATING_MENU_ALIGNMENT.START,(function(){return refStartFromContainer})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT2,FLOATING_MENU_ALIGNMENT.CENTER,(function(){return refCenterHorizontalFromContainer-width/2})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT2,FLOATING_MENU_ALIGNMENT.END,(function(){return refEndFromContainer-width})),_FLOATING_MENU_DIRECT2)),Object(defineProperty.a)(_FLOATING_MENU_DIRECT4,FLOATING_MENU_DIRECTION_GROUP.VERTICAL,(_FLOATING_MENU_DIRECT3={},Object(defineProperty.a)(_FLOATING_MENU_DIRECT3,FLOATING_MENU_ALIGNMENT.START,(function(){return refTopFromContainer})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT3,FLOATING_MENU_ALIGNMENT.CENTER,(function(){return refCenterVerticalFromContainer-height/2})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT3,FLOATING_MENU_ALIGNMENT.END,(function(){return refBottom-height})),_FLOATING_MENU_DIRECT3)),_FLOATING_MENU_DIRECT4)[alignmentDirection][alignment](),_FLOATING_MENU_DIRECT5=(_FLOATING_MENU_DIRECT6={},Object(defineProperty.a)(_FLOATING_MENU_DIRECT6,FLOATING_MENU_DIRECTION.LEFT,(function(){return{start:refStartFromContainer-width,top:alignmentStart}})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT6,FLOATING_MENU_DIRECTION.TOP,(function(){return{start:alignmentStart,top:refTopFromContainer-height}})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT6,FLOATING_MENU_DIRECTION.RIGHT,(function(){return{start:refEndFromContainer,top:alignmentStart}})),Object(defineProperty.a)(_FLOATING_MENU_DIRECT6,FLOATING_MENU_DIRECTION.BOTTOM,(function(){return{start:alignmentStart,top:refBottom}})),_FLOATING_MENU_DIRECT6)[direction]();return{direction:positionDirection,start:_FLOATING_MENU_DIRECT5.start,top:_FLOATING_MENU_DIRECT5.top}}},{kind:"method",key:"createRenderRoot",value:function createRenderRoot(){var _exec;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(_exec=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==_exec?_exec:["",0])[1])<=537})}},{kind:"method",key:"disconnectedCallback",value:function disconnectedCallback(){this._hObserveResizeContainer&&(this._hObserveResizeContainer=this._hObserveResizeContainer.release()),this._hObserveResizeParent&&(this._hObserveResizeParent=this._hObserveResizeParent.release())}},{kind:"method",key:"updated",value:function updated(changedProperties){var container=this.container,open=this.open,parent=this.parent;if((changedProperties.has("alignment")||changedProperties.has("direction")||changedProperties.has("open"))&&open){parent||(this.parent=this.parentElement,container.appendChild(this));var _this$position=this.position,direction=_this$position.direction,start=_this$position.start,top=_this$position.top;this.style[direction!==FLOATING_MENU_POSITION_DIRECTION.RTL?"left":"right"]="".concat(start,"px"),this.style.top="".concat(top,"px")}if(changedProperties.has("open")&&(this._hObserveResizeContainer&&(this._hObserveResizeContainer=this._hObserveResizeContainer.release()),this._hObserveResizeParent&&(this._hObserveResizeParent=this._hObserveResizeParent.release()),open)){var _this$parent,parentElement=(null!==(_this$parent=this.parent)&&void 0!==_this$parent?_this$parent:{}).parentElement;this._hObserveResizeContainer=observeResize(this._resizeObserver,container),parentElement&&(this._hObserveResizeParent=observeResize(this._resizeObserver,parentElement))}}},{kind:"field",static:!0,key:"FLOATING_MENU",value:function value(){return!0}},{kind:"get",static:!0,key:"selectorContainer",value:function selectorContainer(){return"[data-floating-menu-container],bx-modal"}}]}}),Object(mixins_host_listener.a)(Object(mixins_focus.a)(lit_element.a)));__webpack_exports__.d=floating_menu_BXFloatingMenu},"./src/components/form/form-item.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js");var _templateObject,taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),settings=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js")),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts"),form_item=Object(lit_element.b)(["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;margin-bottom:2rem}.bx--fieldset *,.bx--fieldset *::before,.bx--fieldset *::after{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item,:host(bx-form-item){font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.bx--label{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-02, #525252);font-weight:400;line-height:1rem;vertical-align:baseline}.bx--label *,.bx--label *::before,.bx--label *::after{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.bx--label.bx--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-01, #e5e5e5);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.bx--label.bx--skeleton:hover,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:active{border:none;cursor:default;outline:none}.bx--label.bx--skeleton::before{position:absolute;top:0;left:0;width:100%;height:100%;animation:3000ms ease-in-out skeleton infinite;background:var(--cds-skeleton-02, #c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.bx--label.bx--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}input[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--combo-box[data-invalid] .bx--text-input:not(:focus){outline:2px solid var(--cds-support-01, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){input[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--combo-box[data-invalid] .bx--text-input:not(:focus){outline-style:dotted}}input[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}input[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement{color:var(--cds-text-error, #da1e28)}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid],.bx--form--fluid .bx--text-input__field-wrapper--warning{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.bx--form-requirement *,.bx--form-requirement *::before,.bx--form-requirement *::after{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{font-size:var(--cds-helper-text-01-font-size, 0.75rem);line-height:var(--cds-helper-text-01-line-height, 1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-02, #525252);opacity:1}.bx--label--disabled,.bx--form__helper-text--disabled{color:var(--cds-disabled-02, #c6c6c6)}fieldset[disabled] .bx--label,fieldset[disabled] .bx--form__helper-text{color:var(--cds-disabled-02, #c6c6c6)}"]);function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(prefix,"-form-item"))],(function(_initialize,_LitElement){var BXFormItem=function(_LitElement2){Object(inherits.a)(BXFormItem,_LitElement2);var _super=_createSuper(BXFormItem);function BXFormItem(){var _this;Object(classCallCheck.a)(this,BXFormItem);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXFormItem)}(_LitElement);return{F:BXFormItem,d:[{kind:"method",key:"render",value:function render(){return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)([" "])))}},{kind:"field",static:!0,key:"styles",value:function value(){return form_item}}]}}),lit_element.a)},"./src/components/icon/icon-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return icon_story_Default})),__webpack_require__.d(__webpack_exports__,"withCustomClass",(function(){return icon_story_withCustomClass})),__webpack_require__.d(__webpack_exports__,"withAriaLabel",(function(){return icon_story_withAriaLabel})),__webpack_require__.d(__webpack_exports__,"withTitle",(function(){return icon_story_withTitle}));var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),lit_html=__webpack_require__("../../node_modules/lit-html/lit-html.js"),_16=__webpack_require__("../../node_modules/@carbon/icons/lib/add/16.js"),_20=__webpack_require__("../../node_modules/@carbon/icons/lib/add/20.js"),_24=__webpack_require__("../../node_modules/@carbon/icons/lib/add/24.js"),_32=__webpack_require__("../../node_modules/@carbon/icons/lib/add/32.js"),esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js");__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)("h1",{id:"icon"},"Icon"),Object(esm.b)("p",null,"Icons can be utilized by specifying the icon name and size in the import."),Object(esm.b)("h2",{id:"getting-started"},"Getting started"),Object(esm.b)("p",null,"Here's a quick example to get you started."),Object(esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-javascript"},"import Add16 from '@carbon/web-components/es/icons/add/16';\n\nfunction App() {\n return (\n html`\n ${Add16({\n class: 'test-class',\n 'aria-label': 'add',\n 'aria-describedby': 'id-title-1',\n children: svg`add`, })}`\n );\n")),Object(esm.b)("p",null,"Icon library can be found\n",Object(esm.b)("a",{parentName:"p",href:"https://www.carbondesignsystem.com/guidelines/icons/library",target:"_blank",rel:"nofollow noopener noreferrer"},"here"),"."))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,icon_story=componentMeta,icon_story_Default=function Default(){return Object(lit_html.g)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)([" "," "," "," "," "])),Object(_16.a)(),Object(_20.a)(),Object(_24.a)(),Object(_32.a)())};icon_story_Default.storyName="Default";var icon_story_withCustomClass=function withCustomClass(){return Object(lit_html.g)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(["\n \n "," ","\n "," ","\n"])),Object(_16.a)({class:"test-class"}),Object(_20.a)({class:"test-class"}),Object(_24.a)({class:"test-class"}),Object(_32.a)({class:"test-class"}))};icon_story_withCustomClass.storyName="With custom class";var icon_story_withAriaLabel=function withAriaLabel(){return Object(lit_html.g)(_templateObject3||(_templateObject3=Object(taggedTemplateLiteral.a)(["\n "," ","\n "," ","\n"])),Object(_16.a)({"aria-label":"add"}),Object(_20.a)({"aria-label":"add"}),Object(_24.a)({"aria-label":"add"}),Object(_32.a)({"aria-label":"add"}))};icon_story_withAriaLabel.storyName="With aria-label";var icon_story_withTitle=function withTitle(){return Object(lit_html.g)(_templateObject4||(_templateObject4=Object(taggedTemplateLiteral.a)(["\n ","\n ","\n ","\n ","\n"])),Object(_16.a)({"aria-describedby":"id-title-1",children:Object(lit_html.k)(_templateObject5||(_templateObject5=Object(taggedTemplateLiteral.a)(['add'])))}),Object(_20.a)({"aria-describedby":"id-title-2",children:Object(lit_html.k)(_templateObject6||(_templateObject6=Object(taggedTemplateLiteral.a)(['add'])))}),Object(_24.a)({"aria-describedby":"id-title-3",children:Object(lit_html.k)(_templateObject7||(_templateObject7=Object(taggedTemplateLiteral.a)(['add'])))}),Object(_32.a)({"aria-describedby":"id-title-4",children:Object(lit_html.k)(_templateObject8||(_templateObject8=Object(taggedTemplateLiteral.a)(['add'])))}))};icon_story_withTitle.storyName="With title";__webpack_exports__.default={title:"Components/Icon",parameters:Object(objectSpread2.a)({},icon_story.parameters)}},"./src/components/inline-loading/inline-loading-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return inline_loading_story_Default}));var INLINE_LOADING_STATE,objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),dist=__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js"),if_non_null=__webpack_require__("./src/globals/directives/if-non-null.ts"),createClass=(__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js")),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),get=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/get.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),class_map=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/lit-html/directives/class-map.js")),_16=__webpack_require__("../../node_modules/@carbon/icons/lib/checkmark--filled/16.js"),error_filled_16=__webpack_require__("../../node_modules/@carbon/icons/lib/error--filled/16.js"),settings=__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js"),types=__webpack_require__("./src/components/loading/types.ts"),loading_icon=__webpack_require__("./src/components/loading/loading-icon.ts");!function(INLINE_LOADING_STATE){INLINE_LOADING_STATE.INACTIVE="inactive",INLINE_LOADING_STATE.ACTIVE="active",INLINE_LOADING_STATE.FINISHED="finished",INLINE_LOADING_STATE.ERROR="error"}(INLINE_LOADING_STATE||(INLINE_LOADING_STATE={}));var _templateObject,_templateObject2,_templateObject3,inline_loading=Object(lit_element.b)(["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(-360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}.bx--loading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;animation-duration:690ms;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;width:5.5rem;height:5.5rem}.bx--loading *,.bx--loading *::before,.bx--loading *::after{box-sizing:inherit}.bx--loading svg circle{animation-duration:10ms;animation-name:init-stroke;animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--loading svg circle{animation:none}}.bx--loading__svg{fill:rgba(0,0,0,0)}.bx--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.bx--loading__stroke{stroke:var(--cds-interactive-04, #0f62fe);stroke-dashoffset:52.527552}.bx--loading--small .bx--loading__stroke{stroke-dashoffset:143.759616}.bx--loading--stop{animation:rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards,rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards}.bx--loading--stop svg circle{animation-delay:700ms;animation-duration:700ms;animation-fill-mode:forwards;animation-name:stroke-end;animation-timing-function:cubic-bezier(0.2, 0, 1, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--loading--stop svg circle{animation:none}}.bx--loading--small{width:1rem;height:1rem}.bx--loading--small circle{stroke-width:16}.bx--loading--small .bx--loading__svg{stroke:var(--cds-interactive-04, #0f62fe)}.bx--loading__background{stroke:var(--cds-ui-03, #e0e0e0);stroke-dashoffset:-22}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){circle.bx--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.bx--loading-overlay{position:fixed;z-index:z(\"overlay\");top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--cds-overlay-01, rgba(22, 22, 22, 0.5));transition:background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--loading-overlay--stop{display:none}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(-360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}@keyframes stroke{100%{stroke-dashoffset:0}}.bx--inline-loading,:host(bx-inline-loading){display:flex;width:100%;min-height:2rem;align-items:center}.bx--inline-loading__text{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:var(--cds-text-02, #525252)}.bx--inline-loading__animation{position:relative;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.bx--inline-loading__checkmark-container{fill:var(--cds-support-02, #198038)}.bx--inline-loading__checkmark-container.bx--inline-loading__svg{position:absolute;top:.75rem;width:.75rem}.bx--inline-loading__checkmark-container[hidden]{display:none}.bx--inline-loading__checkmark{animation-duration:250ms;animation-fill-mode:forwards;animation-name:stroke;fill:none;stroke:var(--cds-interactive-04, #0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.bx--inline-loading--error{width:1rem;height:1rem;fill:var(--cds-support-01, #da1e28)}.bx--inline-loading--error[hidden]{display:none}.bx--loading--small .bx--inline-loading__svg{stroke:var(--cds-interactive-04, #0f62fe)}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.bx--inline-loading__checkmark-container{top:1px;right:.5rem}.bx--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}:host(bx-inline-loading){min-height:2rem}:host(bx-inline-loading) .bx--inline-loading__checkmark-container{fill:var(--cds-interactive-04, #0f62fe);width:1rem;height:1rem;top:auto;position:relative}:host(bx-inline-loading) .bx--inline-loading--error{fill:var(--cds-support-01, #da1e28);width:1rem;height:1rem}"]),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var prefix=settings.a.prefix,esm=(Object(decorate.a)([Object(carbon_element.a)("".concat(prefix,"-inline-loading"))],(function(_initialize,_LitElement){var BXInlineLoading=function(_LitElement2){Object(inherits.a)(BXInlineLoading,_LitElement2);var _super=_createSuper(BXInlineLoading);function BXInlineLoading(){var _this;Object(classCallCheck.a)(this,BXInlineLoading);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXInlineLoading)}(_LitElement);return{F:BXInlineLoading,d:[{kind:"method",key:"_renderIcon",value:function _renderIcon(){var status=this.status;if(status===INLINE_LOADING_STATE.ERROR)return Object(error_filled_16.a)({class:"".concat(prefix,"--inline-loading--error")});if(status===INLINE_LOADING_STATE.FINISHED)return Object(_16.a)({class:"".concat(prefix,"--inline-loading__checkmark-container ").concat(prefix,"--inline-loading__svg")});if(status===INLINE_LOADING_STATE.INACTIVE||status===INLINE_LOADING_STATE.ACTIVE){var _classMap,classes=Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(prefix,"--loading"),!0),Object(defineProperty.a)(_classMap,"".concat(prefix,"--loading--small"),!0),Object(defineProperty.a)(_classMap,"".concat(prefix,"--loading--stop"),status===INLINE_LOADING_STATE.INACTIVE),_classMap));return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['\n
\n ',"\n
\n "])),classes,Object(loading_icon.a)({type:types.a.SMALL}))}}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"status",value:function value(){return INLINE_LOADING_STATE.ACTIVE}},{kind:"method",key:"connectedCallback",value:function connectedCallback(){this.hasAttribute("aria-live")||this.setAttribute("aria-live","assertive"),Object(get.a)(Object(getPrototypeOf.a)(BXInlineLoading.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function render(){var statusIconResult=this._renderIcon(),statusIconWrapperResult=statusIconResult?Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n
\n ',"\n
\n "])),prefix,statusIconResult):void 0;return Object(lit_element.c)(_templateObject3||(_templateObject3=Object(taggedTemplateLiteral.a)(["\n ",'\n

\n '])),statusIconWrapperResult,prefix)}},{kind:"field",static:!0,key:"styles",value:function value(){return inline_loading}}]}}),lit_element.a),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)("h1",{id:"inline-loading"},"Inline loading"),Object(esm.b)("blockquote",null,Object(esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(esm.b)("p",null,Object(esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/inline-loading",target:"_blank",rel:"nofollow noopener noreferrer"},Object(esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(esm.b)("p",null,"Inline loading spinners are used when performing actions. They help notify\nuser’s that their action is being processed. The waiting experience is a crucial\ndesign opportunity. Although it may not be obvious what is occurring on the\nback-end, we can communicate clearly to reassure the user that progress is\nhappening."),Object(esm.b)("p",null,"It is best practice to use an Inline loading component for any Create, Update,\nor Delete actions. The component provides feedback to the user about the\nprogress of the action they took. This could be in a table, after a primary or\nsecondary button click, or even in a modal."),Object(esm.b)("h2",{id:"getting-started"},"Getting started"),Object(esm.b)("p",null,"Here's a quick example to get you started."),Object(esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/inline-loading/index.js';\n")),Object(esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["inline-loading"]})),mdxType:"Description"}),Object(esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(esm.b)("h3",{id:"html"},"HTML"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'Loading data...\n')),Object(esm.b)("h2",{id:"bx-inline-loading-attributes-and-properties"},Object(esm.b)("inlineCode",{parentName:"h2"},"")," attributes and properties"),Object(esm.b)(blocks.c,{of:"bx-inline-loading",mdxType:"Props"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});var _states,inline_loading_story_templateObject,inline_loading_story=componentMeta,states=(_states={},Object(defineProperty.a)(_states,"Inactive (".concat(INLINE_LOADING_STATE.INACTIVE,")"),INLINE_LOADING_STATE.INACTIVE),Object(defineProperty.a)(_states,"In progress (".concat(INLINE_LOADING_STATE.ACTIVE,")"),INLINE_LOADING_STATE.ACTIVE),Object(defineProperty.a)(_states,"Success (".concat(INLINE_LOADING_STATE.FINISHED,")"),INLINE_LOADING_STATE.FINISHED),Object(defineProperty.a)(_states,"Failed (".concat(INLINE_LOADING_STATE.ERROR,")"),INLINE_LOADING_STATE.ERROR),_states),inline_loading_story_Default=function Default(args){var _args$bxInlineLoadi,status=(null!==(_args$bxInlineLoadi=null==args?void 0:args["bx-inline-loading"])&&void 0!==_args$bxInlineLoadi?_args$bxInlineLoadi:{}).status;return Object(lit_element.c)(inline_loading_story_templateObject||(inline_loading_story_templateObject=Object(taggedTemplateLiteral.a)(['\n Loading data...\n '])),Object(if_non_null.a)(status))};inline_loading_story_Default.storyName="Default";__webpack_exports__.default={title:"Components/Inline loading",parameters:Object(objectSpread2.a)(Object(objectSpread2.a)({},inline_loading_story.parameters),{},{percy:{skip:!0},knobs:{"bx-inline-loading":function bxInlineLoading(){return{status:Object(dist.select)("Loading status (status)",states,INLINE_LOADING_STATE.ACTIVE)}}}})}},"./src/components/input/input-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return input_story_Default})),__webpack_require__.d(__webpack_exports__,"formItem",(function(){return input_story_formItem})),__webpack_require__.d(__webpack_exports__,"withoutFormItemWrapper",(function(){return input_story_withoutFormItemWrapper}));var _sizes,_colorSchemes,objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),lit_element=(__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/lit-element/lit-element.js")),dist=__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js"),knob_text_nullable=__webpack_require__("./.storybook/knob-text-nullable.ts"),if_non_null=__webpack_require__("./src/globals/directives/if-non-null.ts"),input=__webpack_require__("./src/components/input/input.ts"),defineProperty=(__webpack_require__("./src/components/form/form-item.ts"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js")),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),esm=(__webpack_require__("../../node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js")),inputTypes=Object.entries(input.c).reduce((function(acc,_ref){var _ref2=Object(slicedToArray.a)(_ref,2),key=_ref2[0],val=_ref2[1];return Object(objectSpread2.a)(Object(objectSpread2.a)({},acc),{},Object(defineProperty.a)({},"".concat(key.toLowerCase()),val))}),{}),sizes=(_sizes={},Object(defineProperty.a)(_sizes,"Small size (".concat(input.b.SMALL,")"),input.b.SMALL),Object(defineProperty.a)(_sizes,"Regular",null),Object(defineProperty.a)(_sizes,"Large size (".concat(input.b.LARGE,")"),input.b.LARGE),_sizes),colorSchemes=(_colorSchemes={},Object(defineProperty.a)(_colorSchemes,"Regular",null),Object(defineProperty.a)(_colorSchemes,"Light (".concat(input.a.LIGHT,")"),input.a.LIGHT),_colorSchemes),helpers=function createProps(_ref3){var boolean=_ref3.boolean,textNonEmpty=_ref3.textNonEmpty,select=_ref3.select,type=select("Input type (type)",inputTypes,input.c.TEXT);return{colorScheme:select("Color scheme (color-scheme)",colorSchemes,null),disabled:boolean("Disabled (disabled)",!1),value:textNonEmpty("Input value (value)",""),placeholder:textNonEmpty("Placeholder text (placeholder)","Optional placeholder text"),invalid:boolean("Invalid (invalid)",!1),onInput:Object(esm.action)("input"),showPasswordVisibilityToggle:type===input.c.TEXT||type===input.c.PASSWORD?boolean("Show password visibility toggle (show-password-visibility-toggle)",!1):null,size:select("Input size (size)",sizes,input.b.REGULAR),type:type}},dist_esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),addon_docs_dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(dist_esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(dist_esm.b)("h1",{id:"input"},"Input"),Object(dist_esm.b)("blockquote",null,Object(dist_esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/input",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(dist_esm.b)("p",null,Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/input",target:"_blank",rel:"nofollow noopener noreferrer"},Object(dist_esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(dist_esm.b)("p",null,"Text fields enable the user to interact with and input data. A single line field\nis used when the input anticipated by the user is a single line of text as\nopposed to a paragraph."),Object(dist_esm.b)("h2",{id:"getting-started"},"Getting started"),Object(dist_esm.b)("p",null,"Here's a quick example to get you started."),Object(dist_esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/input/index.js';\n")),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["input"]})),mdxType:"Description"}),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(dist_esm.b)("h3",{id:"html"},"HTML"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-html"},'\n Label text\n Optional helper text\n Something isn\'t right\n\n')),Object(dist_esm.b)("h2",{id:"form-item"},"Form item"),Object(dist_esm.b)("p",null,"If the input is part of a form, make sure to import and wrap the input with\n",Object(dist_esm.b)("inlineCode",{parentName:"p"},"")),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/form/index.js';\n")),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["form"]})),mdxType:"Description"}),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-html"},'\n \n Label text\n Optional helper text\n Something isn\'t right\n \n\n')),Object(dist_esm.b)("h2",{id:"bx-input-attributes-and-properties"},Object(dist_esm.b)("inlineCode",{parentName:"h2"},"")," attributes and properties"),Object(dist_esm.b)("p",null,"Note: For ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"boolean")," attributes, ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"true")," means simply setting the attribute (e.g.\n",Object(dist_esm.b)("inlineCode",{parentName:"p"},""),") and ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"false")," means not setting the attribute (e.g.\n",Object(dist_esm.b)("inlineCode",{parentName:"p"},"")," without ",Object(dist_esm.b)("inlineCode",{parentName:"p"},"required")," attribute)."),Object(dist_esm.b)(blocks.c,{of:"bx-input",mdxType:"Props"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(dist_esm.b)(addon_docs_dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(dist_esm.b)(MDXContent,null))}});var _templateObject,_templateObject2,_templateObject3,input_story=componentMeta,input_story_Default=function Default(args){var _args$bxInput,_ref=null!==(_args$bxInput=null==args?void 0:args["bx-input"])&&void 0!==_args$bxInput?_args$bxInput:{},autocomplete=_ref.autocomplete,autofocus=_ref.autofocus,colorScheme=_ref.colorScheme,disabled=_ref.disabled,helperText=_ref.helperText,invalid=_ref.invalid,labelText=_ref.labelText,name=_ref.name,pattern=_ref.pattern,placeholder=_ref.placeholder,readonly=_ref.readonly,required=_ref.required,showPasswordVisibilityToggle=_ref.showPasswordVisibilityToggle,size=_ref.size,type=_ref.type,validityMessage=_ref.validityMessage,value=_ref.value,onInput=_ref.onInput;return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['\n \n '])),Object(if_non_null.a)(autocomplete),autofocus,Object(if_non_null.a)(colorScheme),disabled,Object(if_non_null.a)(helperText),invalid,Object(if_non_null.a)(labelText),Object(if_non_null.a)(name),Object(if_non_null.a)(pattern),Object(if_non_null.a)(placeholder),readonly,required,showPasswordVisibilityToggle,Object(if_non_null.a)(size),Object(if_non_null.a)(type),Object(if_non_null.a)(validityMessage),Object(if_non_null.a)(value),onInput)};input_story_Default.storyName="Default";var input_story_formItem=function formItem(args){var _args$bxInput2,_ref2=null!==(_args$bxInput2=null==args?void 0:args["bx-input"])&&void 0!==_args$bxInput2?_args$bxInput2:{},colorScheme=_ref2.colorScheme,disabled=_ref2.disabled,invalid=_ref2.invalid,placeholder=_ref2.placeholder,showPasswordVisibilityToggle=_ref2.showPasswordVisibilityToggle,size=_ref2.size,type=_ref2.type,value=_ref2.value,onInput=_ref2.onInput;return Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n \n Label text\n Optional helper text\n Something isn\'t right\n \n \n '])),Object(if_non_null.a)(value),Object(if_non_null.a)(colorScheme),Object(if_non_null.a)(placeholder),Object(if_non_null.a)(size),onInput,invalid,disabled,showPasswordVisibilityToggle,Object(if_non_null.a)(type))};input_story_formItem.storyName="Form item";var input_story_withoutFormItemWrapper=function withoutFormItemWrapper(args){var _args$bxInput3,_ref3=null!==(_args$bxInput3=null==args?void 0:args["bx-input"])&&void 0!==_args$bxInput3?_args$bxInput3:{},colorScheme=_ref3.colorScheme,disabled=_ref3.disabled,invalid=_ref3.invalid,placeholder=_ref3.placeholder,showPasswordVisibilityToggle=_ref3.showPasswordVisibilityToggle,size=_ref3.size,type=_ref3.type,value=_ref3.value,onInput=_ref3.onInput;return Object(lit_element.c)(_templateObject3||(_templateObject3=Object(taggedTemplateLiteral.a)(['\n \n Label text\n Optional helper text\n Something isn\'t right\n \n '])),Object(if_non_null.a)(value),Object(if_non_null.a)(colorScheme),Object(if_non_null.a)(placeholder),Object(if_non_null.a)(size),onInput,invalid,disabled,showPasswordVisibilityToggle,Object(if_non_null.a)(type))};input_story_withoutFormItemWrapper.storyName="Without form item wrapper";__webpack_exports__.default={title:"Components/Input",parameters:Object(objectSpread2.a)(Object(objectSpread2.a)({},input_story.parameters),{},{knobs:{"bx-input":function bxInput(){return helpers(Object(objectSpread2.a)(Object(objectSpread2.a)({},dist),{},{textNonEmpty:knob_text_nullable.a}))}}})}},"./src/components/input/input.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return shared_enums.a})),__webpack_require__.d(__webpack_exports__,"b",(function(){return INPUT_SIZE})),__webpack_require__.d(__webpack_exports__,"c",(function(){return INPUT_TYPE})),__webpack_require__.d(__webpack_exports__,"d",(function(){return input_BXInput}));__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js");var INPUT_SIZE,INPUT_TYPE,taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),lit_element=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/lit-element/lit-element.js")),class_map=__webpack_require__("../../node_modules/lit-html/directives/class-map.js"),settings=__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js"),_16=__webpack_require__("../../node_modules/@carbon/icons/lib/view/16.js"),view_off_16=__webpack_require__("../../node_modules/@carbon/icons/lib/view--off/16.js"),warning_filled_16=__webpack_require__("../../node_modules/@carbon/icons/lib/warning--filled/16.js"),floating_menu=__webpack_require__("./src/components/floating-menu/floating-menu.ts"),if_non_empty=__webpack_require__("./src/globals/directives/if-non-empty.ts"),mixins_form=__webpack_require__("./src/globals/mixins/form.ts"),validity=__webpack_require__("./src/globals/mixins/validity.ts"),shared_enums=__webpack_require__("./src/globals/shared-enums.ts");!function(INPUT_SIZE){INPUT_SIZE.SMALL="sm",INPUT_SIZE.REGULAR="md",INPUT_SIZE.LARGE="lg",INPUT_SIZE.EXTRA_LARGE="xl"}(INPUT_SIZE||(INPUT_SIZE={})),function(INPUT_TYPE){INPUT_TYPE.EMAIL="email",INPUT_TYPE.PASSWORD="password",INPUT_TYPE.TEL="tel",INPUT_TYPE.TEXT="text",INPUT_TYPE.URL="url"}(INPUT_TYPE||(INPUT_TYPE={}));var _templateObject,_templateObject2,_templateObject3,input=Object(lit_element.b)(["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--assistive-text,.bx--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);visibility:inherit;white-space:nowrap}.bx--body{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);background-color:var(--cds-ui-background, #ffffff);color:var(--cds-text-01, #161616);line-height:1}.bx--body *,.bx--body *::before,.bx--body *::after{box-sizing:inherit}.bx--text-truncate--end{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.bx--text-truncate--front{display:inline-block;overflow:hidden;width:100%;direction:rtl;text-overflow:ellipsis;white-space:nowrap}.bx--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;margin-bottom:2rem}.bx--fieldset *,.bx--fieldset *::before,.bx--fieldset *::after{box-sizing:inherit}.bx--fieldset--no-margin{margin-bottom:0}.bx--form-item{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.bx--label{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-02, #525252);font-weight:400;line-height:1rem;vertical-align:baseline}.bx--label *,.bx--label *::before,.bx--label *::after{box-sizing:inherit}.bx--label .bx--tooltip__trigger{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px)}.bx--label.bx--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-01, #e5e5e5);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.bx--label.bx--skeleton:hover,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:active{border:none;cursor:default;outline:none}.bx--label.bx--skeleton::before{position:absolute;top:0;left:0;width:100%;height:100%;animation:3000ms ease-in-out skeleton infinite;background:var(--cds-skeleton-02, #c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.bx--label.bx--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}input[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--combo-box[data-invalid] .bx--text-input:not(:focus){outline:2px solid var(--cds-support-01, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){input[data-invalid]:not(:focus),.bx--number[data-invalid] input[type=number]:not(:focus),.bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:not(:focus),.bx--text-area__wrapper[data-invalid]>.bx--text-area--invalid:not(:focus),.bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),.bx--list-box[data-invalid]:not(:focus),.bx--combo-box[data-invalid] .bx--text-input:not(:focus){outline-style:dotted}}input[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--number__input-wrapper--warning~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--date-picker-input__wrapper--warn~.bx--form-requirement,.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--text-input__field-wrapper--warning~.bx--form-requirement,.bx--text-input__field-wrapper--warning>.bx--text-input~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--select--warning .bx--select-input__wrapper~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement,.bx--list-box--warning~.bx--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}input[data-invalid]~.bx--form-requirement,.bx--number[data-invalid] .bx--number__input-wrapper~.bx--form-requirement,.bx--date-picker-input__wrapper~.bx--form-requirement,.bx--date-picker-input__wrapper--invalid~.bx--form-requirement,.bx--time-picker--invalid~.bx--form-requirement,.bx--text-input__field-wrapper[data-invalid]~.bx--form-requirement,.bx--text-area__wrapper[data-invalid]~.bx--form-requirement,.bx--select-input__wrapper[data-invalid]~.bx--form-requirement,.bx--time-picker[data-invalid]~.bx--form-requirement,.bx--list-box[data-invalid]~.bx--form-requirement{color:var(--cds-text-error, #da1e28)}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid],.bx--form--fluid .bx--text-input__field-wrapper--warning{display:block}.bx--form--fluid .bx--fieldset{margin:0}.bx--form--fluid input[data-invalid]{outline:none}.bx--form--fluid .bx--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.bx--form-requirement{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.bx--form-requirement *,.bx--form-requirement *::before,.bx--form-requirement *::after{box-sizing:inherit}.bx--select--inline .bx--form__helper-text{margin-top:0}.bx--form__helper-text{font-size:var(--cds-helper-text-01-font-size, 0.75rem);line-height:var(--cds-helper-text-01-line-height, 1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-02, #525252);opacity:1}.bx--label--disabled,.bx--form__helper-text--disabled{color:var(--cds-disabled-02, #c6c6c6)}fieldset[disabled] .bx--label,fieldset[disabled] .bx--form__helper-text{color:var(--cds-disabled-02, #c6c6c6)}.bx--text-input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);outline:2px solid rgba(0,0,0,0);outline-offset:-2px;width:100%;height:2.5rem;padding:0 1rem;border:none;border-bottom:1px solid var(--cds-ui-04, #8d8d8d);background-color:var(--cds-field-01, #f4f4f4);color:var(--cds-text-01, #161616);transition:background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--text-input *,.bx--text-input *::before,.bx--text-input *::after{box-sizing:inherit}.bx--text-input:focus,.bx--text-input:active{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--text-input:focus,.bx--text-input:active{outline-style:dotted}}.bx--text-input-wrapper svg[hidden]{display:none}.bx--text-input--xl,.bx--text-input--lg{height:3rem}.bx--text-input--sm{height:2rem}.bx--password-input{padding-right:2.5rem}.bx--text-input--sm.bx--password-input{padding-right:2rem}.bx--text-input--lg.bx--password-input{padding-right:3rem}.bx--text-input::-moz-placeholder{color:var(--cds-text-05, #6f6f6f);opacity:1}.bx--text-input::placeholder{color:var(--cds-text-05, #6f6f6f);opacity:1}.bx--text-input--light{background-color:var(--cds-field-02, #ffffff)}.bx--text-input__field-wrapper{position:relative;display:flex;width:100%}.bx--text-input__invalid-icon,.bx--text-input__readonly-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.bx--text-input__invalid-icon{fill:var(--cds-support-01, #da1e28)}.bx--text-input__invalid-icon--warning{fill:var(--cds-support-03, #f1c21b)}.bx--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.bx--text-input--password__visibility{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.bx--text-input--password__visibility:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--text-input--password__visibility:focus{outline-style:dotted}}.bx--text-input--password__visibility:focus{outline:1px solid rgba(0,0,0,0)}.bx--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--text-input--password__visibility:focus svg{outline-style:dotted}}.bx--text-input--password__visibility::before,.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--text-input--password__visibility::before,.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{display:inline-block}}.bx--text-input--password__visibility::before,.bx--text-input--password__visibility::after{transition:opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--text-input--password__visibility::before,.bx--text-input--password__visibility::after{transition:none}}.bx--text-input--password__visibility.bx--tooltip--a11y::before,.bx--text-input--password__visibility.bx--tooltip--a11y::after{transition:none}.bx--text-input--password__visibility::before{width:0;height:0;border-style:solid;content:\"\"}.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-inverse-02, #393939);border-radius:.125rem;color:var(--cds-inverse-01, #ffffff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{width:auto}}@supports(-ms-accelerator: true){.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{width:auto}}@supports(-ms-ime-align: auto){.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{width:auto}}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{border:1px solid rgba(0,0,0,0)}}.bx--text-input--password__visibility::after{content:attr(aria-label)}.bx--text-input--password__visibility.bx--tooltip--a11y::after{content:none}.bx--text-input--password__visibility.bx--tooltip--visible::before,.bx--text-input--password__visibility.bx--tooltip--visible::after,.bx--text-input--password__visibility:hover::before,.bx--text-input--password__visibility:hover::after,.bx--text-input--password__visibility:focus::before,.bx--text-input--password__visibility:focus::after{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,.bx--text-input--password__visibility:hover .bx--assistive-text,.bx--text-input--password__visibility:hover+.bx--assistive-text,.bx--text-input--password__visibility:focus .bx--assistive-text,.bx--text-input--password__visibility:focus+.bx--assistive-text{overflow:visible;margin:auto;clip:auto}.bx--text-input--password__visibility.bx--tooltip--visible .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible+.bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--visible.bx--tooltip--a11y::before,.bx--text-input--password__visibility:hover .bx--assistive-text,.bx--text-input--password__visibility:hover+.bx--assistive-text,.bx--text-input--password__visibility:hover.bx--tooltip--a11y::before,.bx--text-input--password__visibility:focus .bx--assistive-text,.bx--text-input--password__visibility:focus+.bx--assistive-text,.bx--text-input--password__visibility:focus.bx--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--text-input--password__visibility.bx--tooltip--hidden .bx--assistive-text,.bx--text-input--password__visibility.bx--tooltip--hidden+.bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.bx--text-input--password__visibility.bx--tooltip--hidden.bx--tooltip--a11y::before{animation:none;opacity:0}.bx--text-input--password__visibility .bx--assistive-text::after{position:absolute;display:block;content:\"\";left:0;width:100%;height:.75rem;top:-0.75rem}.bx--text-input--password__visibility::before,.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{bottom:0;left:50%}.bx--text-input--password__visibility::before{bottom:-0.5rem;border-width:0 .25rem .3125rem .25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0);transform:translate(-50%, 100%)}.bx--text-input--password__visibility::after,.bx--text-input--password__visibility .bx--assistive-text,.bx--text-input--password__visibility+.bx--assistive-text{bottom:-0.8125rem;transform:translate(-50%, 100%)}.bx--text-input--password__visibility,.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{outline:2px solid rgba(0,0,0,0);outline-offset:-2px;position:absolute;right:0;display:flex;width:2.5rem;height:100%;min-height:auto;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;transition:outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--text-input--sm+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{width:2rem}.bx--text-input--lg+.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger{width:3rem}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:var(--cds-icon-secondary, #525252);transition:fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{fill:ButtonText}}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg,.bx--btn.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:focus svg{fill:var(--cds-icon-primary, #161616)}.bx--text-input--invalid,.bx--text-input--warning,.bx--text-input-wrapper--readonly .bx--text-input{padding-right:2.5rem}.bx--text-input--invalid.bx--password-input{padding-right:4rem}.bx--text-input--invalid+.bx--text-input--password__visibility,.bx--text-input--invalid+.bx--text-input--password__visibility__toggle{right:1rem}.bx--password-input-wrapper .bx--text-input__invalid-icon{right:2.5rem}.bx--text-input:disabled+.bx--text-input--password__visibility svg,.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg{cursor:not-allowed;fill:var(--cds-disabled-02, #c6c6c6)}.bx--text-input:disabled+.bx--text-input--password__visibility svg:hover,.bx--text-input:disabled+.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg:hover{fill:var(--cds-disabled-02, #c6c6c6)}.bx--text-input:disabled{outline:2px solid rgba(0,0,0,0);outline-offset:-2px;border-bottom:1px solid rgba(0,0,0,0);background-color:var(--cds-field, #f4f4f4);color:var(--cds-text-disabled, #c6c6c6);cursor:not-allowed;-webkit-text-fill-color:var(--cds-disabled-02, #c6c6c6)}.bx--text-input--light:disabled{background-color:var(--cds-field-02, #ffffff)}.bx--text-input:disabled::-moz-placeholder{color:var(--cds-disabled-02, #c6c6c6);opacity:1}.bx--text-input:disabled::placeholder{color:var(--cds-disabled-02, #c6c6c6);opacity:1}.bx--text-input--invalid{outline:2px solid var(--cds-support-01, #da1e28);outline-offset:-2px;box-shadow:none}@media screen and (prefers-contrast){.bx--text-input--invalid{outline-style:dotted}}.bx--text-input--invalid .bx--text-input--password__visibility,.bx--text-input--invalid .bx--text-input--password__visibility__toggle{right:2.5rem}.bx--skeleton.bx--text-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-01, #e5e5e5);box-shadow:none;pointer-events:none}.bx--skeleton.bx--text-input:hover,.bx--skeleton.bx--text-input:focus,.bx--skeleton.bx--text-input:active{border:none;cursor:default;outline:none}.bx--skeleton.bx--text-input::before{position:absolute;top:0;left:0;width:100%;height:100%;animation:3000ms ease-in-out skeleton infinite;background:var(--cds-skeleton-02, #c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.bx--skeleton.bx--text-input::before{animation:none}}.bx--form--fluid .bx--text-input-wrapper{position:relative;background:var(--cds-field-01, #f4f4f4);transition:background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--form--fluid .bx--label{position:absolute;z-index:1;top:.8125rem;left:1rem;margin:0}.bx--form--fluid .bx--form__helper-text{display:none}.bx--form--fluid .bx--text-input{min-height:4rem;padding:2rem 1rem .8125rem}.bx--text-input__divider,.bx--form--fluid .bx--text-input__divider{display:none}.bx--form--fluid .bx--text-input--invalid,.bx--form--fluid .bx--text-input--warn{border-bottom:none}.bx--form--fluid .bx--text-input--invalid+.bx--text-input__divider,.bx--form--fluid .bx--text-input--warn+.bx--text-input__divider{display:block;border-style:solid;border-color:var(--cds-ui-03, #e0e0e0);border-bottom:none;margin:0 1rem}.bx--form--fluid .bx--text-input__invalid-icon{top:5rem}.bx--form--fluid .bx--text-input-wrapper--light{background:var(--cds-field-02, #ffffff)}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid{outline:2px solid rgba(0,0,0,0);outline-offset:-2px}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-01, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--form--fluid .bx--text-input__field-wrapper[data-invalid]>.bx--text-input--invalid:focus{outline-style:dotted}}.bx--text-input-wrapper.bx--text-input-wrapper--inline{flex-flow:row wrap}.bx--text-input-wrapper .bx--label--inline{flex:1;margin:.8125rem 0 0 0;overflow-wrap:break-word;word-break:break-word}.bx--text-input-wrapper .bx--label--inline--sm{margin-top:.5625rem}.bx--text-input-wrapper .bx--label--inline--xl,.bx--text-input-wrapper .bx--label--inline--lg{margin-top:1.0625rem}.bx--text-input__label-helper-wrapper{max-width:8rem;flex:2;flex-direction:column;margin-right:1.5rem;overflow-wrap:break-word}.bx--text-input-wrapper .bx--form__helper-text--inline{margin-top:.125rem}.bx--text-input__field-outer-wrapper{display:flex;width:100%;flex:1 1 auto;flex-direction:column;align-items:flex-start}.bx--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.bx--form--fluid .bx--text-input-wrapper--readonly,.bx--text-input-wrapper--readonly .bx--text-input{background:rgba(0,0,0,0)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--text-input--password__visibility,.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger svg,.bx--btn.bx--btn--icon-only.bx--text-input--password__visibility__toggle.bx--tooltip__trigger:hover svg{fill:ButtonText}}:host(bx-input){width:100%;outline:none}:host(bx-input[show-password-visibility-toggle]) .bx--text-input{padding-right:var(--cds-spacing-08, 2.5rem)}:host(bx-input[show-password-visibility-toggle][size=sm]) .bx--text-input__invalid-icon{right:var(--cds-spacing-07, 2rem)}:host(bx-input[show-password-visibility-toggle][size=md]) .bx--text-input__invalid-icon,:host(bx-input[show-password-visibility-toggle]) .bx--text-input__invalid-icon{right:var(--cds-spacing-08, 2.5rem)}:host(bx-input[show-password-visibility-toggle][size=lg]) .bx--text-input__invalid-icon{right:var(--cds-spacing-09, 3rem)}"]),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var prefix=settings.a.prefix,input_BXInput=Object(decorate.a)([Object(carbon_element.a)("".concat(prefix,"-input"))],(function(_initialize,_ValidityMixin){var BXInput=function(_ValidityMixin2){Object(inherits.a)(BXInput,_ValidityMixin2);var _super=_createSuper(BXInput);function BXInput(){var _this;Object(classCallCheck.a)(this,BXInput);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXInput)}(_ValidityMixin);return{F:BXInput,d:[{kind:"field",decorators:[Object(lit_element.e)("input")],key:"_input",value:void 0},{kind:"field",key:"_value",value:function value(){return""}},{kind:"method",key:"_handleInput",value:function _handleInput(_ref){var target=_ref.target;this.value=target.value}},{kind:"method",key:"_handleFormdata",value:function _handleFormdata(event){var formData=event.formData,disabled=this.disabled,name=this.name,value=this.value;disabled||formData.append(name,value)}},{kind:"field",decorators:[Object(lit_element.d)()],key:"autocomplete",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean})],key:"autofocus",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"color-scheme",reflect:!0})],key:"colorScheme",value:function value(){return shared_enums.a.REGULAR}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"disabled",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"helper-text"})],key:"helperText",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"invalid",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"label-text"})],key:"labelText",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)()],key:"name",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)()],key:"pattern",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"placeholder",value:function value(){return""}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"readonly",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"required",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"required-validity-message"})],key:"requiredValidityMessage",value:function value(){return"Please fill out this field."}},{kind:"field",decorators:[Object(lit_element.d)()],key:"hidePasswordLabel",value:function value(){return"Hide password"}},{kind:"field",decorators:[Object(lit_element.d)()],key:"showPasswordLabel",value:function value(){return"Show password"}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,attribute:"show-password-visibility-toggle",reflect:!0})],key:"showPasswordVisibilityToggle",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"size",value:function value(){return INPUT_SIZE.REGULAR}},{kind:"field",decorators:[Object(lit_element.d)()],key:"tooltipAlignment",value:function value(){return floating_menu.a.CENTER}},{kind:"field",decorators:[Object(lit_element.d)()],key:"tooltipDirection",value:function value(){return floating_menu.b.BOTTOM}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"type",value:function value(){return INPUT_TYPE.TEXT}},{kind:"field",decorators:[Object(lit_element.d)({attribute:"validity-message"})],key:"validityMessage",value:function value(){return""}},{kind:"get",decorators:[Object(lit_element.d)({reflect:!0})],key:"value",value:function value(){return this._input?this._input.value:this._value}},{kind:"set",key:"value",value:function value(_value){var oldValue=this._value;this._value=_value,this.requestUpdate("value",oldValue),this._input&&(this._input.value=_value)}},{kind:"method",key:"createRenderRoot",value:function createRenderRoot(){var _exec;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(_exec=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==_exec?_exec:["",0])[1])<=537})}},{kind:"method",key:"handleTogglePasswordVisibility",value:function handleTogglePasswordVisibility(){this.type=this.type===INPUT_TYPE.PASSWORD?INPUT_TYPE.TEXT:INPUT_TYPE.PASSWORD}},{kind:"method",key:"render",value:function render(){var _classMap,_classMap2,_classMap3,_classMap4,_this2=this,handleInput=this._handleInput,invalidIcon=Object(warning_filled_16.a)({class:"".concat(prefix,"--text-input__invalid-icon")}),inputClasses=Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(prefix,"--text-input"),!0),Object(defineProperty.a)(_classMap,"".concat(prefix,"--text-input--").concat(this.colorScheme),this.colorScheme),Object(defineProperty.a)(_classMap,"".concat(prefix,"--text-input--invalid"),this.invalid),Object(defineProperty.a)(_classMap,"".concat(prefix,"--text-input--").concat(this.size),this.size),Object(defineProperty.a)(_classMap,"".concat(prefix,"--password-input"),this.type===INPUT_TYPE.PASSWORD),_classMap)),labelClasses=Object(class_map.a)((_classMap2={},Object(defineProperty.a)(_classMap2,"".concat(prefix,"--label"),!0),Object(defineProperty.a)(_classMap2,"".concat(prefix,"--label--disabled"),this.disabled),_classMap2)),helperTextClasses=Object(class_map.a)((_classMap3={},Object(defineProperty.a)(_classMap3,"".concat(prefix,"--form__helper-text"),!0),Object(defineProperty.a)(_classMap3,"".concat(prefix,"--form__helper-text--disabled"),this.disabled),_classMap3)),passwordIsVisible=this.type!==INPUT_TYPE.PASSWORD,passwordVisibilityIcon=passwordIsVisible?Object(view_off_16.a)({class:"".concat(prefix,"--icon-visibility-off")}):Object(_16.a)({class:"".concat(prefix,"--icon-visibility-on")}),passwordVisibilityToggleClasses=Object(class_map.a)((_classMap4={},Object(defineProperty.a)(_classMap4,"".concat(prefix,"--text-input--password__visibility__toggle"),!0),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--btn"),!0),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--btn--icon-only"),!0),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--tooltip__trigger"),!0),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--tooltip--a11y"),!0),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--btn--disabled"),this.disabled),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--tooltip--").concat(this.tooltipDirection),this.tooltipDirection),Object(defineProperty.a)(_classMap4,"".concat(prefix,"--tooltip--align-").concat(this.tooltipAlignment),this.tooltipAlignment),_classMap4)),passwordButtonLabel=Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['\n \n ',"\n \n "])),prefix,passwordIsVisible?this.hidePasswordLabel:this.showPasswordLabel);return Object(lit_element.c)(_templateObject3||(_templateObject3=Object(taggedTemplateLiteral.a)(['\n \n \n ','\n \n ','\n \n
\n ',' \n
\n
\n '," \n
\n "])),labelClasses,this.labelText,prefix,this.invalid,this.invalid?invalidIcon:null,this.autocomplete,this.autofocus,inputClasses,this.invalid,this.disabled,Object(if_non_empty.a)(this.name),Object(if_non_empty.a)(this.pattern),Object(if_non_empty.a)(this.placeholder),this.readonly,this.required,Object(if_non_empty.a)(this.type),this._value,handleInput,!this.showPasswordVisibilityToggle||this.type!==INPUT_TYPE.PASSWORD&&this.type!==INPUT_TYPE.TEXT?null:function passwordVisibilityButton(){return Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n '," ","\n \n "])),passwordVisibilityToggleClasses,_this2.disabled,_this2.handleTogglePasswordVisibility,!_this2.disabled&&passwordButtonLabel,passwordVisibilityIcon)}(),helperTextClasses,this.helperText,prefix,this.validityMessage)}},{kind:"field",static:!0,key:"styles",value:function value(){return input}}]}}),Object(validity.a)(Object(mixins_form.a)(lit_element.a)))},"./src/components/link/link-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return link_story_Default})),__webpack_require__.d(__webpack_exports__,"pairedWithIcon",(function(){return link_story_pairedWithIcon}));var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),esm=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),dist=__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js"),_16=__webpack_require__("../../node_modules/@carbon/icons/lib/download/16.js"),knob_text_nullable=__webpack_require__("./.storybook/knob-text-nullable.ts"),if_non_null=__webpack_require__("./src/globals/directives/if-non-null.ts"),link_link=__webpack_require__("./src/components/link/link.ts"),dist_esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),addon_docs_dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(dist_esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(dist_esm.b)("h1",{id:"link"},"Link"),Object(dist_esm.b)("blockquote",null,Object(dist_esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/link",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(dist_esm.b)("p",null,Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/link",target:"_blank",rel:"nofollow noopener noreferrer"},Object(dist_esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(dist_esm.b)("p",null,"Represents a link. Provided for convenience purpose, you can alternatively use\n",Object(dist_esm.b)("inlineCode",{parentName:"p"},'')," with Carbon style in place in light DOM."),Object(dist_esm.b)("h2",{id:"getting-started"},"Getting started"),Object(dist_esm.b)("p",null,"Here's a quick example to get you started."),Object(dist_esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/list/index.js';\n")),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["list"]})),mdxType:"Description"}),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(dist_esm.b)("h3",{id:"html"},"HTML"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-html"},' Link \n')),Object(dist_esm.b)("h2",{id:"paired-with-icon"},"Paired with icon"),Object(dist_esm.b)("p",null,"Import the desired icon and incorporate with the link text:"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-javascript"},"import Download16 from '@carbon/web-components/es/icons/download/16';\n\nfunction App() {\n return (\n html` Download ${Download16({ slot: 'icon' })}`\n );\n\n```## `` attributes and properties\n\nNote: For `boolean` attributes, `true` means simply setting the attribute (e.g.\n``) and `false` means not setting the attribute (e.g.\n`` without `disabled` attribute).\n\n\n")))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(dist_esm.b)(addon_docs_dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(dist_esm.b)(MDXContent,null))}});var _sizes,_templateObject,_templateObject2,link_story=componentMeta,sizes=(_sizes={"Regular size":null},Object(defineProperty.a)(_sizes,"Small size (".concat(link_link.a.SMALL,")"),link_link.a.SMALL),Object(defineProperty.a)(_sizes,"Large size (".concat(link_link.a.LARGE,")"),link_link.a.LARGE),_sizes),link_story_Default=function Default(args){var _args$bxLink,_ref=null!==(_args$bxLink=null==args?void 0:args["bx-link"])&&void 0!==_args$bxLink?_args$bxLink:{},disabled=_ref.disabled,download=_ref.download,href=_ref.href,hreflang=_ref.hreflang,linkRole=_ref.linkRole,ping=_ref.ping,rel=_ref.rel,size=_ref.size,target=_ref.target,type=_ref.type,onClick=_ref.onClick;return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['\n \n Link\n \n '])),disabled,Object(if_non_null.a)(download),Object(if_non_null.a)(href),Object(if_non_null.a)(hreflang),Object(if_non_null.a)(linkRole),Object(if_non_null.a)(ping),Object(if_non_null.a)(rel),Object(if_non_null.a)(size),Object(if_non_null.a)(target),Object(if_non_null.a)(type),onClick)};link_story_Default.storyName="Default";var link_story_pairedWithIcon=function pairedWithIcon(args){var _args$bxLink2,_ref2=null!==(_args$bxLink2=null==args?void 0:args["bx-link"])&&void 0!==_args$bxLink2?_args$bxLink2:{},disabled=_ref2.disabled,download=_ref2.download,href=_ref2.href,hreflang=_ref2.hreflang,linkRole=_ref2.linkRole,ping=_ref2.ping,rel=_ref2.rel,size=_ref2.size,target=_ref2.target,type=_ref2.type,onClick=_ref2.onClick;return Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n Download ',"\n \n "])),disabled,Object(if_non_null.a)(download),Object(if_non_null.a)(href),Object(if_non_null.a)(hreflang),Object(if_non_null.a)(linkRole),Object(if_non_null.a)(ping),Object(if_non_null.a)(rel),Object(if_non_null.a)(size),Object(if_non_null.a)(target),Object(if_non_null.a)(type),onClick,Object(_16.a)({slot:"icon"}))};__webpack_exports__.default={title:"Components/Link",parameters:Object(objectSpread2.a)(Object(objectSpread2.a)({},link_story.parameters),{},{knobs:{"bx-link":function bxLink(){return{disabled:Object(dist.boolean)("Disabled (disabled)",!1),href:Object(knob_text_nullable.a)("Link href (href)","https://example.com/"),onClick:Object(esm.action)("click"),size:Object(dist.select)("Link size (size)",sizes,null)}}}})}},"./src/components/link/link.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LINK_SIZE}));__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js");var _templateObject,_templateObject2,_templateObject3,taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),class_map=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.some.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/lit-html/directives/class-map.js")),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts"),settings=__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js"),if_non_null=__webpack_require__("./src/globals/directives/if-non-null.ts"),mixins_focus=__webpack_require__("./src/globals/mixins/focus.ts"),link_link=Object(lit_element.b)(["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);display:inline-flex;color:var(--cds-link-01, #0f62fe);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--link *,.bx--link *::before,.bx--link *::after{box-sizing:inherit}.bx--link:hover{color:var(--cds-hover-primary-text, #0043ce);text-decoration:underline}.bx--link:active,.bx--link:active:visited,.bx--link:active:visited:hover{color:var(--cds-text-01, #161616);text-decoration:underline}.bx--link:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--link:focus{outline-style:dotted}}.bx--link:visited{color:var(--cds-link-01, #0f62fe)}.bx--link:visited:hover{color:var(--cds-hover-primary-text, #0043ce)}.bx--link--disabled,.bx--link--disabled:hover{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);color:var(--cds-disabled-02, #c6c6c6);cursor:not-allowed;font-weight:400;text-decoration:none}.bx--link--disabled *,.bx--link--disabled *::before,.bx--link--disabled *::after,.bx--link--disabled:hover *,.bx--link--disabled:hover *::before,.bx--link--disabled:hover *::after{box-sizing:inherit}.bx--link.bx--link--visited:visited{color:var(--cds-visited-link, #8a3ffc)}.bx--link.bx--link--visited:visited:hover{color:var(--cds-hover-primary-text, #0043ce)}.bx--link.bx--link--inline{text-decoration:underline}.bx--link.bx--link--inline:focus,.bx--link.bx--link--inline:visited{text-decoration:none}.bx--link--disabled.bx--link--inline{text-decoration:underline}.bx--link--sm{font-size:var(--cds-helper-text-01-font-size, 0.75rem);line-height:var(--cds-helper-text-01-line-height, 1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px)}.bx--link--lg{font-size:var(--cds-body-short-02-font-size, 1rem);font-weight:var(--cds-body-short-02-font-weight, 400);line-height:var(--cds-body-short-02-line-height, 1.375);letter-spacing:var(--cds-body-short-02-letter-spacing, 0)}.bx--link__icon{display:inline-flex;align-self:center;margin-left:var(--cds-spacing-03, 0.5rem)}:host(bx-link){outline:none}:host(bx-link) .bx--link--disabled{color:var(--cds-disabled-02, #c6c6c6)}:host(bx-link) .bx--link__icon[hidden]{display:none}"]);function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var LINK_SIZE,prefix=settings.a.prefix;!function(LINK_SIZE){LINK_SIZE.REGULAR="",LINK_SIZE.SMALL="sm",LINK_SIZE.LARGE="lg"}(LINK_SIZE||(LINK_SIZE={}));var link_BXLink=Object(decorate.a)([Object(carbon_element.a)("".concat(prefix,"-link"))],(function(_initialize,_FocusMixin){var BXLink=function(_FocusMixin2){Object(inherits.a)(BXLink,_FocusMixin2);var _super=_createSuper(BXLink);function BXLink(){var _this;Object(classCallCheck.a)(this,BXLink);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXLink)}(_FocusMixin);return{F:BXLink,d:[{kind:"field",key:"_hasIcon",value:function value(){return!1}},{kind:"method",key:"_handleSlotChange",value:function _handleSlotChange(_ref){var target=_ref.target,name=target.name,hasContent=target.assignedNodes().some((function(node){return node.nodeType!==Node.TEXT_NODE||node.textContent.trim()}));this["icon"===name?"_hasIcon":""]=hasContent,this.requestUpdate()}},{kind:"field",decorators:[Object(lit_element.e)("#link")],key:"_linkNode",value:void 0},{kind:"get",key:"_classes",value:function _classes(){var _classMap,disabled=this.disabled,size=this.size;return Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(prefix,"--link"),!0),Object(defineProperty.a)(_classMap,"".concat(prefix,"--link--disabled"),disabled),Object(defineProperty.a)(_classMap,"".concat(prefix,"--link--").concat(size),size),_classMap))}},{kind:"method",key:"_handleClick",value:function _handleClick(_){}},{kind:"method",key:"_renderInner",value:function _renderInner(){var hasIcon=this._hasIcon,handleSlotChange=this._handleSlotChange;return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['\n \n
\n \n
\n '])),handleSlotChange,!hasIcon,prefix,handleSlotChange)}},{kind:"method",key:"_renderDisabledLink",value:function _renderDisabledLink(){var classes=this._classes;return Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n "])),classes,this._renderInner())}},{kind:"method",key:"_renderLink",value:function _renderLink(){var download=this.download,href=this.href,hreflang=this.hreflang,linkRole=this.linkRole,ping=this.ping,rel=this.rel,target=this.target,type=this.type,classes=this._classes,handleClick=this._handleClick;return Object(lit_element.c)(_templateObject3||(_templateObject3=Object(taggedTemplateLiteral.a)(['\n \n ',"\n \n "])),Object(if_non_null.a)(linkRole),classes,Object(if_non_null.a)(download),Object(if_non_null.a)(href),Object(if_non_null.a)(hreflang),Object(if_non_null.a)(ping),Object(if_non_null.a)(rel),Object(if_non_null.a)(target),Object(if_non_null.a)(type),handleClick,this._renderInner())}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"disabled",value:function value(){return!1}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"download",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"href",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"hreflang",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({attribute:"link-role"})],key:"linkRole",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"ping",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"rel",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"size",value:function value(){return LINK_SIZE.REGULAR}},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"target",value:void 0},{kind:"field",decorators:[Object(lit_element.d)({reflect:!0})],key:"type",value:void 0},{kind:"method",key:"createRenderRoot",value:function createRenderRoot(){var _exec;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(_exec=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==_exec?_exec:["",0])[1])<=537})}},{kind:"method",key:"render",value:function render(){return this.disabled?this._renderDisabledLink():this._renderLink()}},{kind:"field",static:!0,key:"styles",value:function value(){return link_link}}]}}),Object(mixins_focus.a)(lit_element.a));__webpack_exports__.b=link_BXLink},"./src/components/list/list-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ordered",(function(){return list_story_ordered})),__webpack_require__.d(__webpack_exports__,"unordered",(function(){return list_story_unordered}));var _templateObject,objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),defineProperty=(__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js")),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),class_map=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/lit-html/directives/class-map.js")),settings=__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js"),get=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/get.js"),list=Object(lit_element.b)(['html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:\'IBM Plex Sans\', \'Helvetica Neue\', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:\'IBM Plex Mono\', \'Menlo\', \'DejaVu Sans Mono\', \'Bitstream Vera Sans Mono\', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}.bx--list--nested,.bx--list--unordered,.bx--list--ordered,.bx--list--ordered--native{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-long-01-font-size, 0.875rem);font-weight:var(--cds-body-long-01-font-weight, 400);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, 0.16px);list-style:none}.bx--list--nested *,.bx--list--nested *::before,.bx--list--nested *::after,.bx--list--unordered *,.bx--list--unordered *::before,.bx--list--unordered *::after,.bx--list--ordered *,.bx--list--ordered *::before,.bx--list--ordered *::after,.bx--list--ordered--native *,.bx--list--ordered--native *::before,.bx--list--ordered--native *::after{box-sizing:inherit}.bx--list--expressive,.bx--list--expressive .bx--list--nested{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}.bx--list--ordered--native{list-style:decimal}.bx--list__item{color:var(--cds-text-01, #161616)}.bx--list--nested{margin-left:2rem}.bx--list--nested .bx--list__item{padding-left:.25rem}.bx--list--ordered:not(.bx--list--nested){counter-reset:item}.bx--list--ordered:not(.bx--list--nested)>.bx--list__item{position:relative}.bx--list--ordered:not(.bx--list--nested)>.bx--list__item::before{position:absolute;left:-1.5rem;content:counter(item) ".";counter-increment:item}.bx--list--ordered.bx--list--nested,.bx--list--ordered--native.bx--list--nested{list-style-type:lower-latin}.bx--list--unordered>.bx--list__item{position:relative}.bx--list--unordered>.bx--list__item::before{position:absolute;left:-1rem;content:"–"}.bx--list--unordered.bx--list--nested>.bx--list__item::before{left:-0.75rem;content:"▪"}:host(bx-ordered-list),:host(bx-unordered-list){display:block;padding-left:1.5rem}:host(bx-ordered-list) .bx--list--nested,:host(bx-unordered-list) .bx--list--nested{margin-left:0}:host(bx-ordered-list) .bx--list--ordered{list-style-type:decimal}:host(bx-ordered-list) .bx--list--ordered.bx--list--nested{list-style-type:lower-latin}:host(bx-unordered-list){--bx-ce--list-marker: "–"}:host(bx-unordered-list[slot=nested]){--bx-ce--list-marker: "▪"}:host(bx-unordered-list) ::slotted(bx-list-item){position:relative}:host(bx-unordered-list) ::slotted(bx-list-item)::before{position:absolute;left:-1rem;content:"–"}:host(bx-unordered-list[slot=nested]) ::slotted(bx-list-item)::before{left:-0.75rem;content:"▪"}:host(bx-list-item){display:list-item;color:var(--cds-text-01, #161616);margin-bottom:.25rem}:host(bx-list-item)::before{position:absolute;left:-1rem;content:var(--bx-ce--list-marker, none)}:host(bx-list-item) .bx-ce--list__item__nested-child{padding-top:.25rem}:host(bx-list-item[nested]){margin-top:0;margin-bottom:0}:host(bx-list-item[nested]) .bx-ce--list__item__nested-child{padding-top:0}']),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var ordered_list_templateObject,prefix=settings.a.prefix,unordered_list_BXUnorderedList=Object(decorate.a)([Object(carbon_element.a)("".concat(prefix,"-unordered-list"))],(function(_initialize,_LitElement){var BXUnorderedList=function(_LitElement2){Object(inherits.a)(BXUnorderedList,_LitElement2);var _super=_createSuper(BXUnorderedList);function BXUnorderedList(){var _this;Object(classCallCheck.a)(this,BXUnorderedList);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXUnorderedList)}(_LitElement);return{F:BXUnorderedList,d:[{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"isExpressive",value:function value(){return!1}},{kind:"method",key:"connectedCallback",value:function connectedCallback(){this.closest(this.constructor.selectorListItem)?this.setAttribute("slot","nested"):this.removeAttribute("slot"),Object(get.a)(Object(getPrototypeOf.a)(BXUnorderedList.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function render(){var _classMap,classes=Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(prefix,"--list--unordered"),!0),Object(defineProperty.a)(_classMap,"".concat(prefix,"--list--nested"),"nested"===this.getAttribute("slot")),Object(defineProperty.a)(_classMap,"".concat(prefix,"--list--expressive"),this.isExpressive),_classMap));return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['\n
    \n \n
\n '])),classes)}},{kind:"get",static:!0,key:"selectorListItem",value:function selectorListItem(){return"".concat(prefix,"-list-item")}},{kind:"field",static:!0,key:"styles",value:function value(){return list}}]}}),lit_element.a),unordered_list=unordered_list_BXUnorderedList;function ordered_list_createSuper(Derived){var hasNativeReflectConstruct=function ordered_list_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var list_item_templateObject,ordered_list_prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(ordered_list_prefix,"-ordered-list"))],(function(_initialize,_BXUnorderedList){var BXOrderedList=function(_BXUnorderedList2){Object(inherits.a)(BXOrderedList,_BXUnorderedList2);var _super=ordered_list_createSuper(BXOrderedList);function BXOrderedList(){var _this;Object(classCallCheck.a)(this,BXOrderedList);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXOrderedList)}(_BXUnorderedList);return{F:BXOrderedList,d:[{kind:"method",key:"render",value:function render(){var _classMap,classes=Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(ordered_list_prefix,"--list--ordered"),!0),Object(defineProperty.a)(_classMap,"".concat(ordered_list_prefix,"--list--nested"),"nested"===this.getAttribute("slot")),Object(defineProperty.a)(_classMap,"".concat(ordered_list_prefix,"--list--expressive"),this.isExpressive),_classMap));return Object(lit_element.c)(ordered_list_templateObject||(ordered_list_templateObject=Object(taggedTemplateLiteral.a)(['\n
    \n \n
\n '])),classes)}}]}}),unordered_list);function list_item_createSuper(Derived){var hasNativeReflectConstruct=function list_item_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var list_item_prefix=settings.a.prefix,dist=(Object(decorate.a)([Object(carbon_element.a)("".concat(list_item_prefix,"-list-item"))],(function(_initialize,_LitElement){var BXListItem=function(_LitElement2){Object(inherits.a)(BXListItem,_LitElement2);var _super=list_item_createSuper(BXListItem);function BXListItem(){var _this;Object(classCallCheck.a)(this,BXListItem);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXListItem)}(_LitElement);return{F:BXListItem,d:[{kind:"field",key:"_hasNestedChild",value:function value(){return!1}},{kind:"method",key:"_handleSlotChangeNested",value:function _handleSlotChangeNested(_ref){var target=_ref.target;this._hasNestedChild=target.assignedNodes().length>0,this.requestUpdate()}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"nested",value:function value(){return!1}},{kind:"method",key:"connectedCallback",value:function connectedCallback(){this.toggleAttribute("nested",Boolean(this.closest(this.constructor.selectorNestedList))),this.hasAttribute("role")||this.setAttribute("role","listitem"),Object(get.a)(Object(getPrototypeOf.a)(BXListItem.prototype),"connectedCallback",this).call(this)}},{kind:"method",key:"render",value:function render(){var hasNestedChild=this._hasNestedChild,handleSlotChangeNested=this._handleSlotChangeNested;return Object(lit_element.c)(list_item_templateObject||(list_item_templateObject=Object(taggedTemplateLiteral.a)(['\n \n \n \n \n '])),!hasNestedChild,list_item_prefix,handleSlotChangeNested)}},{kind:"get",static:!0,key:"selectorNestedList",value:function selectorNestedList(){return"".concat(list_item_prefix,'-ordered-list[slot="nested"],').concat(list_item_prefix,'-unordered-list[slot="nested"]')}},{kind:"field",static:!0,key:"styles",value:function value(){return list}}]}}),lit_element.a),__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js")),esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)("h1",{id:"list"},"List"),Object(esm.b)("p",null,"Represents a list."),Object(esm.b)("blockquote",null,Object(esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/list",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(esm.b)("p",null,Object(esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/list",target:"_blank",rel:"nofollow noopener noreferrer"},Object(esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(esm.b)("h2",{id:"getting-started"},"Getting started"),Object(esm.b)("p",null,"Here's a quick example to get you started."),Object(esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/list/index.js';\n")),Object(esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["list"]})),mdxType:"Description"}),Object(esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(esm.b)("h3",{id:"html"},"HTML"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},"

bx-ordered-list

\n\n\n \n Ordered List level 1\n \n Ordered List level 2\n \n Ordered List level 2\n \n Ordered List level 2\n Ordered List level 2\n \n \n \n \n Ordered List level 1\n Ordered List level 1\n\n\n

bx-unordered-list

\n\n\n \n Unordered List level 1\n \n Unordered List level 2\n \n Unordered List level 2\n \n Unordered List level 2\n Unordered List level 2\n \n \n \n \n Unordered List level 1\n Unordered List level 1\n\n")),Object(esm.b)("h2",{id:"bx-list-item-attributes-and-properties"},Object(esm.b)("inlineCode",{parentName:"h2"},"")," attributes and properties"),Object(esm.b)("p",null,"Note: For ",Object(esm.b)("inlineCode",{parentName:"p"},"boolean")," attributes, ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," means simply setting the attribute (e.g.\n",Object(esm.b)("inlineCode",{parentName:"p"},""),") and ",Object(esm.b)("inlineCode",{parentName:"p"},"false")," means not setting the attribute (e.g.\n",Object(esm.b)("inlineCode",{parentName:"p"},"")," without ",Object(esm.b)("inlineCode",{parentName:"p"},"nested")," attribute)."),Object(esm.b)(blocks.c,{of:"bx-list-item",mdxType:"Props"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});var list_story_templateObject,_templateObject2,list_story=componentMeta,list_story_ordered=function ordered(args){var _args$bxList,isExpressive=(null!==(_args$bxList=null==args?void 0:args["bx-list"])&&void 0!==_args$bxList?_args$bxList:{}).isExpressive;return Object(lit_element.c)(list_story_templateObject||(list_story_templateObject=Object(taggedTemplateLiteral.a)(['\n \n \n Ordered List level 1\n \n Ordered List level 2\n \n Ordered List level 2\n \n Ordered List level 2\n Ordered List level 2\n \n \n \n \n Ordered List level 1\n Ordered List level 1\n \n '])),isExpressive,isExpressive,isExpressive)},list_story_unordered=function unordered(args){var _args$bxList2,isExpressive=(null!==(_args$bxList2=null==args?void 0:args["bx-list"])&&void 0!==_args$bxList2?_args$bxList2:{}).isExpressive;return Object(lit_element.c)(_templateObject2||(_templateObject2=Object(taggedTemplateLiteral.a)(['\n \n \n Unordered List level 1\n \n Unordered List level 2\n \n Unordered List level 2\n \n Unordered List level 2\n Unordered List level 2\n \n \n \n \n Unordered List level 1\n Unordered List level 1\n \n '])),isExpressive,isExpressive,isExpressive)};__webpack_exports__.default={title:"Components/List",parameters:Object(objectSpread2.a)(Object(objectSpread2.a)({},list_story.parameters),{},{knobs:{"bx-list":function bxList(){return{isExpressive:Object(dist.boolean)("Expressive (isExpressive)",!1)}}}})}},"./src/components/loading/defs.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var LOADING_TYPE;__webpack_require__.d(__webpack_exports__,"a",(function(){return LOADING_TYPE})),function(LOADING_TYPE){LOADING_TYPE.REGULAR="regular",LOADING_TYPE.SMALL="small",LOADING_TYPE.OVERLAY="overlay"}(LOADING_TYPE||(LOADING_TYPE={}))},"./src/components/loading/loading-icon.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _templateObject,_templateObject2,_babel_runtime_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),lit_html__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/lit-html/lit-html.js"),carbon_components_es_globals_js_settings__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js"),_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/loading/types.ts"),prefix=carbon_components_es_globals_js_settings__WEBPACK_IMPORTED_MODULE_2__.a.prefix;__webpack_exports__.a=function(_ref){var assistiveText=_ref.assistiveText,type=_ref.type,radius=type===_types__WEBPACK_IMPORTED_MODULE_3__.a.SMALL?"42":"44";return Object(lit_html__WEBPACK_IMPORTED_MODULE_1__.g)(_templateObject||(_templateObject=Object(_babel_runtime_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__.a)(['\n \n ','\n \n \n \n '])),prefix,assistiveText?Object(lit_html__WEBPACK_IMPORTED_MODULE_1__.g)(_templateObject2||(_templateObject2=Object(_babel_runtime_helpers_esm_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__.a)([" "," "])),assistiveText):void 0,type!==_types__WEBPACK_IMPORTED_MODULE_3__.a.SMALL,prefix,radius,prefix,radius)}},"./src/components/loading/loading-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return loading_story_Default}));var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),dist=__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js"),if_non_null=__webpack_require__("./src/globals/directives/if-non-null.ts"),loading=__webpack_require__("./src/components/loading/loading.ts"),esm=(__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)("h1",{id:"loading"},"Loading"),Object(esm.b)("blockquote",null,Object(esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/loading",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(esm.b)("p",null,Object(esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/loading",target:"_blank",rel:"nofollow noopener noreferrer"},Object(esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(esm.b)("p",null,"Loading spinners are used when retrieving data or performing slow computations,\nand help to notify users that loading is underway. The waiting experience is a\ncrucial design opportunity. Although it may not be obvious what is occurring on\nthe back-end, we can communicate clearly to reassure the user that progress is\nhappening."),Object(esm.b)("h2",{id:"getting-started"},"Getting started"),Object(esm.b)("p",null,"Here's a quick example to get you started."),Object(esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/loading/index.js';\n")),Object(esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["loading"]})),mdxType:"Description"}),Object(esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(esm.b)("h3",{id:"html"},"HTML"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-html"},'
\n \n
\n')),Object(esm.b)("h2",{id:"bx-loading-attributes-and-properties"},Object(esm.b)("inlineCode",{parentName:"h2"},"")," attributes and properties"),Object(esm.b)("p",null,"Note: For ",Object(esm.b)("inlineCode",{parentName:"p"},"boolean")," attributes, ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," means simply setting the attribute (e.g.\n",Object(esm.b)("inlineCode",{parentName:"p"},""),") and ",Object(esm.b)("inlineCode",{parentName:"p"},"false")," means not setting the attribute (e.g.\n",Object(esm.b)("inlineCode",{parentName:"p"},"")," without ",Object(esm.b)("inlineCode",{parentName:"p"},"inactive")," attribute)."),Object(esm.b)(blocks.c,{of:"bx-loading",mdxType:"Props"}))}MDXContent.isMDXComponent=!0;var componentMeta={includeStories:[]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=_objectSpread(_objectSpread({},componentMeta.parameters.docs||{}),{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});var _types,_templateObject,loading_story=componentMeta,types=(_types={},Object(defineProperty.a)(_types,"Regular (".concat(loading.a.REGULAR,")"),null),Object(defineProperty.a)(_types,"Small (".concat(loading.a.SMALL,")"),loading.a.SMALL),Object(defineProperty.a)(_types,"With overlay (".concat(loading.a.OVERLAY,")"),loading.a.OVERLAY),_types),loading_story_Default=function Default(args){var _args$bxLoading,_ref=null!==(_args$bxLoading=null==args?void 0:args["bx-loading"])&&void 0!==_args$bxLoading?_args$bxLoading:{},inactive=_ref.inactive,type=_ref.type;return Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(["\n \n "])),inactive,Object(if_non_null.a)(type))};loading_story_Default.storyName="Default";__webpack_exports__.default={title:"Components/Loading",parameters:Object(objectSpread2.a)(Object(objectSpread2.a)({},loading_story.parameters),{},{knobs:{"bx-loading":function bxLoading(){return{inactive:Object(dist.boolean)("Inactive (inactive)",!1),type:Object(dist.select)("The spinner type (type)",types,null)}}}})}},"./src/components/loading/loading.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return defs.a}));__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js");var _templateObject,taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),settings=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js")),class_map=__webpack_require__("../../node_modules/lit-html/directives/class-map.js"),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),defs=__webpack_require__("./src/components/loading/defs.ts"),loading_icon=__webpack_require__("./src/components/loading/loading-icon.ts"),loading=Object(lit_element.b)(["html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:\"\"}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-end-p1{100%{transform:rotate(360deg)}}@keyframes rotate-end-p2{100%{transform:rotate(-360deg)}}@keyframes init-stroke{0%{stroke-dashoffset:276.4608}100%{stroke-dashoffset:52.527552}}@keyframes stroke-end{0%{stroke-dashoffset:52.527552}100%{stroke-dashoffset:276.4608}}.bx--loading,:host(bx-loading){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;animation-duration:690ms;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;width:5.5rem;height:5.5rem}.bx--loading *,:host(bx-loading) *,.bx--loading *::before,:host(bx-loading) *::before,.bx--loading *::after,:host(bx-loading) *::after{box-sizing:inherit}.bx--loading svg circle,:host(bx-loading) svg circle{animation-duration:10ms;animation-name:init-stroke;animation-timing-function:cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--loading svg circle,:host(bx-loading) svg circle{animation:none}}.bx--loading__svg{fill:rgba(0,0,0,0)}.bx--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.bx--loading__stroke{stroke:var(--cds-interactive-04, #0f62fe);stroke-dashoffset:52.527552}.bx--loading--small .bx--loading__stroke,:host(bx-loading[type=small]) .bx--loading__stroke{stroke-dashoffset:143.759616}.bx--loading--stop,:host(bx-loading[inactive]){animation:rotate-end-p1 700ms cubic-bezier(0.2, 0, 1, 0.9) forwards,rotate-end-p2 700ms cubic-bezier(0.2, 0, 1, 0.9) 700ms forwards}.bx--loading--stop svg circle,:host(bx-loading[inactive]) svg circle{animation-delay:700ms;animation-duration:700ms;animation-fill-mode:forwards;animation-name:stroke-end;animation-timing-function:cubic-bezier(0.2, 0, 1, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--loading--stop svg circle,:host(bx-loading[inactive]) svg circle{animation:none}}.bx--loading--small,:host(bx-loading[type=small]){width:1rem;height:1rem}.bx--loading--small circle,:host(bx-loading[type=small]) circle{stroke-width:16}.bx--loading--small .bx--loading__svg,:host(bx-loading[type=small]) .bx--loading__svg{stroke:var(--cds-interactive-04, #0f62fe)}.bx--loading__background{stroke:var(--cds-ui-03, #e0e0e0);stroke-dashoffset:-22}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){circle.bx--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}}.bx--loading-overlay,:host(bx-loading[type=overlay]){position:fixed;z-index:z(\"overlay\");top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--cds-overlay-01, rgba(22, 22, 22, 0.5));transition:background-color 720ms cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--loading-overlay--stop{display:none}:host(bx-loading[type=overlay]){animation:none}.bx--loading__background[hidden]{display:none}"]),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(prefix,"-loading"))],(function(_initialize,_LitElement){var BXLoading=function(_LitElement2){Object(inherits.a)(BXLoading,_LitElement2);var _super=_createSuper(BXLoading);function BXLoading(){var _this;Object(classCallCheck.a)(this,BXLoading);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXLoading)}(_LitElement);return{F:BXLoading,d:[{kind:"field",decorators:[Object(lit_element.d)({attribute:"assistive-text"})],key:"assistiveText",value:function value(){return"Loading"}},{kind:"field",decorators:[Object(lit_element.d)()],key:"type",value:function value(){return defs.a.REGULAR}},{kind:"field",decorators:[Object(lit_element.d)({type:Boolean,reflect:!0})],key:"inactive",value:function value(){return!1}},{kind:"method",key:"render",value:function render(){var _classMap,inactive=this.inactive,assistiveText=this.assistiveText,type=this.type,innerClasses=Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(prefix,"--loading"),!0),Object(defineProperty.a)(_classMap,"".concat(prefix,"--loading--stop"),inactive),_classMap)),icon=Object(loading_icon.a)({assistiveText:assistiveText,type:type});return type!==defs.a.OVERLAY?icon:Object(lit_element.c)(_templateObject||(_templateObject=Object(taggedTemplateLiteral.a)(['
',"
"])),innerClasses,icon)}},{kind:"field",static:!0,key:"styles",value:function value(){return loading}}]}}),lit_element.a)},"./src/components/loading/types.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _defs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/loading/defs.ts");__webpack_exports__.a=_defs__WEBPACK_IMPORTED_MODULE_0__.a},"./src/components/modal/modal-story.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Default",(function(){return modal_story_Default})),__webpack_require__.d(__webpack_exports__,"SingleButton",(function(){return modal_story_SingleButton})),__webpack_require__.d(__webpack_exports__,"ThreeButtons",(function(){return modal_story_ThreeButtons}));var MODAL_SIZE,objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),taggedTemplateLiteral=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),lit_element=__webpack_require__("../../node_modules/lit-element/lit-element.js"),esm=__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js"),dist=__webpack_require__("../../node_modules/@storybook/addon-knobs/dist/index.js"),if_non_null=__webpack_require__("./src/globals/directives/if-non-null.ts"),button_button=__webpack_require__("./src/components/button/button.ts"),asyncToGenerator=(__webpack_require__("../../node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js")),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),assertThisInitialized=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),possibleConstructorReturn=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),getPrototypeOf=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),decorate=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/decorate.js"),regenerator=__webpack_require__("../../node_modules/@babel/runtime/regenerator/index.js"),regenerator_default=__webpack_require__.n(regenerator),settings=(__webpack_require__("../../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../../node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/carbon-components/es/globals/js/settings.js")),class_map=__webpack_require__("../../node_modules/lit-html/directives/class-map.js"),host_listener=__webpack_require__("./src/globals/decorators/host-listener.ts"),mixins_host_listener=__webpack_require__("./src/globals/mixins/host-listener.ts");!function(MODAL_SIZE){MODAL_SIZE.EXTRA_SMALL="xs",MODAL_SIZE.SMALL="sm",MODAL_SIZE.REGULAR="",MODAL_SIZE.LARGE="lg"}(MODAL_SIZE||(MODAL_SIZE={}));var _templateObject,modal=Object(lit_element.b)(['html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:\'IBM Plex Sans\', \'Helvetica Neue\', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:\'IBM Plex Mono\', \'Menlo\', \'DejaVu Sans Mono\', \'Bitstream Vera Sans Mono\', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 300);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--text-truncate--end{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.bx--text-truncate--front{display:inline-block;overflow:hidden;width:100%;direction:rtl;text-overflow:ellipsis;white-space:nowrap}.bx--assistive-text,.bx--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);visibility:inherit;white-space:nowrap}.bx--body{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);background-color:var(--cds-ui-background, #ffffff);color:var(--cds-text-01, #161616);line-height:1}.bx--body *,.bx--body *::before,.bx--body *::after{box-sizing:inherit}.bx--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);position:relative;display:inline-flex;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) 63px calc(.875rem - 3px) 15px;margin:0;border-radius:0;cursor:pointer;outline:none;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.bx--btn *,.bx--btn *::before,.bx--btn *::after{box-sizing:inherit}.bx--btn:disabled,.bx--btn:hover:disabled,.bx--btn:focus:disabled,.bx--btn.bx--btn--disabled,.bx--btn.bx--btn--disabled:hover,.bx--btn.bx--btn--disabled:focus{border-color:var(--cds-disabled-02, #c6c6c6);background:var(--cds-disabled-02, #c6c6c6);box-shadow:none;color:var(--cds-disabled-03, #8d8d8d);cursor:not-allowed}.bx--btn .bx--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.bx--btn::-moz-focus-inner{padding:0;border:0}.bx--btn--primary{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-interactive-01, #0f62fe);color:var(--cds-text-04, #ffffff)}.bx--btn--primary:hover{background-color:var(--cds-hover-primary, #0353e9)}.bx--btn--primary:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--primary:active{background-color:var(--cds-active-primary, #002d9c)}.bx--btn--primary .bx--btn__icon,.bx--btn--primary .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--primary:hover{color:var(--cds-text-04, #ffffff)}.bx--btn--secondary{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-interactive-02, #393939);color:var(--cds-text-04, #ffffff)}.bx--btn--secondary:hover{background-color:var(--cds-hover-secondary, #4c4c4c)}.bx--btn--secondary:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--secondary:active{background-color:var(--cds-active-secondary, #6f6f6f)}.bx--btn--secondary .bx--btn__icon,.bx--btn--secondary .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--secondary:hover,.bx--btn--secondary:focus{color:var(--cds-text-04, #ffffff)}.bx--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-interactive-03, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-interactive-03, #0f62fe)}.bx--btn--tertiary:hover{background-color:var(--cds-hover-tertiary, #0353e9)}.bx--btn--tertiary:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--tertiary:active{background-color:var(--cds-active-tertiary, #002d9c)}.bx--btn--tertiary .bx--btn__icon,.bx--btn--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--tertiary:hover{color:var(--cds-inverse-01, #ffffff)}.bx--btn--tertiary:focus{background-color:var(--cds-interactive-03, #0f62fe);color:var(--cds-inverse-01, #ffffff)}.bx--btn--tertiary:active{border-color:rgba(0,0,0,0);background-color:var(--cds-active-tertiary, #002d9c);color:var(--cds-inverse-01, #ffffff)}.bx--btn--tertiary:disabled,.bx--btn--tertiary:hover:disabled,.bx--btn--tertiary:focus:disabled,.bx--btn--tertiary.bx--btn--disabled,.bx--btn--tertiary.bx--btn--disabled:hover,.bx--btn--tertiary.bx--btn--disabled:focus{background:rgba(0,0,0,0);color:var(--cds-disabled-03, #8d8d8d);outline:none}.bx--btn--ghost{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-01, #0f62fe);padding:calc(.875rem - 3px) 16px}.bx--btn--ghost:hover{background-color:var(--cds-hover-ui, #e5e5e5)}.bx--btn--ghost:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--ghost:active{background-color:var(--cds-active-ui, #c6c6c6)}.bx--btn--ghost .bx--btn__icon,.bx--btn--ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--ghost .bx--btn__icon{position:static;margin-left:.5rem}.bx--btn--ghost:hover,.bx--btn--ghost:active{color:var(--cds-hover-primary-text, #0043ce)}.bx--btn--ghost:active{background-color:var(--cds-active-ui, #c6c6c6)}.bx--btn--ghost:disabled,.bx--btn--ghost:hover:disabled,.bx--btn--ghost:focus:disabled,.bx--btn--ghost.bx--btn--disabled,.bx--btn--ghost.bx--btn--disabled:hover,.bx--btn--ghost.bx--btn--disabled:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-disabled-03, #8d8d8d);outline:none}.bx--btn--ghost.bx--btn--sm{padding:calc(.375rem - 3px) 16px}.bx--btn--ghost.bx--btn--field,.bx--btn--ghost.bx--btn--md{padding:calc(.675rem - 3px) 16px}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus{outline-style:dotted}}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus{outline:1px solid rgba(0,0,0,0)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg{outline-style:dotted}}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{display:inline-block}}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after{transition:opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after{transition:none}}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after{transition:none}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before{width:0;height:0;border-style:solid;content:""}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-inverse-02, #393939);border-radius:.125rem;color:var(--cds-inverse-01, #ffffff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{width:auto}}@supports(-ms-accelerator: true){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{width:auto}}@supports(-ms-ime-align: auto){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{width:auto}}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger+.bx--assistive-text{border:1px solid rgba(0,0,0,0)}}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after{content:attr(aria-label)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after{content:none}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus::after{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible+.bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover+.bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus+.bx--assistive-text{overflow:visible;margin:auto;clip:auto}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible+.bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--visible.bx--tooltip--a11y::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover+.bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover.bx--tooltip--a11y::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus+.bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus.bx--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden .bx--assistive-text,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden+.bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--hidden.bx--tooltip--a11y::before{animation:none;opacity:0}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger svg,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:hover svg,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg{fill:currentColor}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::before,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled.bx--tooltip--a11y::after,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--btn--disabled .bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0);opacity:0}.bx--btn.bx--btn--icon-only:not(.bx--tooltip--hidden) .bx--assistive-text{pointer-events:all}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus{border-color:var(--cds-focus, #0f62fe)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:active:not([disabled]){border-color:rgba(0,0,0,0)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger:focus svg{outline-color:rgba(0,0,0,0)}.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:hover,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:focus,.bx--btn.bx--btn--icon-only.bx--tooltip__trigger[disabled]:active{cursor:not-allowed;fill:var(--cds-disabled-03, #8d8d8d)}.bx--tooltip__trigger.bx--btn--icon-only--top{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.bx--tooltip__trigger.bx--btn--icon-only--top:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--top:focus{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--top:focus{outline:1px solid rgba(0,0,0,0)}.bx--tooltip__trigger.bx--btn--icon-only--top:focus svg{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--top:focus svg{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--top::before,.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--top::before,.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{display:inline-block}}.bx--tooltip__trigger.bx--btn--icon-only--top::before,.bx--tooltip__trigger.bx--btn--icon-only--top::after{transition:opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--tooltip__trigger.bx--btn--icon-only--top::before,.bx--tooltip__trigger.bx--btn--icon-only--top::after{transition:none}}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after{transition:none}.bx--tooltip__trigger.bx--btn--icon-only--top::before{width:0;height:0;border-style:solid;content:""}.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-inverse-02, #393939);border-radius:.125rem;color:var(--cds-inverse-01, #ffffff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{width:auto}}@supports(-ms-accelerator: true){.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{width:auto}}@supports(-ms-ime-align: auto){.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{width:auto}}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{border:1px solid rgba(0,0,0,0)}}.bx--tooltip__trigger.bx--btn--icon-only--top::after{content:attr(aria-label)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after{content:none}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::before,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible::after,.bx--tooltip__trigger.bx--btn--icon-only--top:hover::before,.bx--tooltip__trigger.bx--btn--icon-only--top:hover::after,.bx--tooltip__trigger.bx--btn--icon-only--top:focus::before,.bx--tooltip__trigger.bx--btn--icon-only--top:focus::after{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:focus+.bx--assistive-text{overflow:visible;margin:auto;clip:auto}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--visible.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--top:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:hover.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--top:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:focus+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top:focus.bx--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden+.bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--hidden.bx--tooltip--a11y::before{animation:none;opacity:0}.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;bottom:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--top::before,.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{top:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--top::before{top:-0.5rem;border-width:.3125rem .25rem 0 .25rem;border-color:var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(-50%, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top::after,.bx--tooltip__trigger.bx--btn--icon-only--top .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top+.bx--assistive-text{top:-0.8125rem;left:50%;transform:translate(-50%, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;bottom:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start+.bx--assistive-text{top:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::before{top:-0.5rem;border-width:.3125rem .25rem 0 .25rem;border-color:var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(-50%, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-start+.bx--assistive-text{top:-0.8125rem;left:0;transform:translate(0, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;bottom:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center+.bx--assistive-text{top:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::before{top:-0.5rem;border-width:.3125rem .25rem 0 .25rem;border-color:var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(-50%, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-center+.bx--assistive-text{top:-0.8125rem;left:50%;transform:translate(-50%, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;bottom:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end+.bx--assistive-text{top:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::before{top:-0.5rem;border-width:.3125rem .25rem 0 .25rem;border-color:var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(-50%, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--align-end+.bx--assistive-text{top:-0.8125rem;right:0;left:auto;transform:translate(0, -100%)}.bx--tooltip__trigger.bx--btn--icon-only--right{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.bx--tooltip__trigger.bx--btn--icon-only--right:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--right:focus{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--right:focus{outline:1px solid rgba(0,0,0,0)}.bx--tooltip__trigger.bx--btn--icon-only--right:focus svg{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--right:focus svg{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--right::before,.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--right::before,.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{display:inline-block}}.bx--tooltip__trigger.bx--btn--icon-only--right::before,.bx--tooltip__trigger.bx--btn--icon-only--right::after{transition:opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--tooltip__trigger.bx--btn--icon-only--right::before,.bx--tooltip__trigger.bx--btn--icon-only--right::after{transition:none}}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after{transition:none}.bx--tooltip__trigger.bx--btn--icon-only--right::before{width:0;height:0;border-style:solid;content:""}.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-inverse-02, #393939);border-radius:.125rem;color:var(--cds-inverse-01, #ffffff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{width:auto}}@supports(-ms-accelerator: true){.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{width:auto}}@supports(-ms-ime-align: auto){.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{width:auto}}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{border:1px solid rgba(0,0,0,0)}}.bx--tooltip__trigger.bx--btn--icon-only--right::after{content:attr(aria-label)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after{content:none}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::before,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible::after,.bx--tooltip__trigger.bx--btn--icon-only--right:hover::before,.bx--tooltip__trigger.bx--btn--icon-only--right:hover::after,.bx--tooltip__trigger.bx--btn--icon-only--right:focus::before,.bx--tooltip__trigger.bx--btn--icon-only--right:focus::after{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:focus+.bx--assistive-text{overflow:visible;margin:auto;clip:auto}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--visible.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--right:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:hover.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--right:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:focus+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right:focus.bx--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden+.bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--hidden.bx--tooltip--a11y::before{animation:none;opacity:0}.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;left:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--right::before,.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{top:50%;right:0}.bx--tooltip__trigger.bx--btn--icon-only--right::before{right:-0.5rem;border-width:.25rem .3125rem .25rem 0;border-color:rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right::after,.bx--tooltip__trigger.bx--btn--icon-only--right .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right+.bx--assistive-text{right:-0.8125rem;transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;left:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start+.bx--assistive-text{top:50%;right:0}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::before{right:-0.5rem;border-width:.25rem .3125rem .25rem 0;border-color:rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-start+.bx--assistive-text{right:-0.8125rem;transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;left:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center+.bx--assistive-text{top:50%;right:0}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::before{right:-0.5rem;border-width:.25rem .3125rem .25rem 0;border-color:rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-center+.bx--assistive-text{right:-0.8125rem;transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;left:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end+.bx--assistive-text{top:50%;right:0}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::before{right:-0.5rem;border-width:.25rem .3125rem .25rem 0;border-color:rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0) rgba(0,0,0,0);transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--align-end+.bx--assistive-text{right:-0.8125rem;transform:translate(100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus{outline:1px solid rgba(0,0,0,0)}.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus svg{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--bottom::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--bottom::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{display:inline-block}}.bx--tooltip__trigger.bx--btn--icon-only--bottom::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom::after{transition:opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--tooltip__trigger.bx--btn--icon-only--bottom::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom::after{transition:none}}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after{transition:none}.bx--tooltip__trigger.bx--btn--icon-only--bottom::before{width:0;height:0;border-style:solid;content:""}.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-inverse-02, #393939);border-radius:.125rem;color:var(--cds-inverse-01, #ffffff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{width:auto}}@supports(-ms-accelerator: true){.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{width:auto}}@supports(-ms-ime-align: auto){.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{width:auto}}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{border:1px solid rgba(0,0,0,0)}}.bx--tooltip__trigger.bx--btn--icon-only--bottom::after{content:attr(aria-label)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after{content:none}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus::after{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus+.bx--assistive-text{overflow:visible;margin:auto;clip:auto}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--visible.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:hover.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom:focus.bx--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden+.bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--hidden.bx--tooltip--a11y::before{animation:none;opacity:0}.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;top:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--bottom::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{bottom:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--bottom::before{bottom:-0.5rem;border-width:0 .25rem .3125rem .25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0);transform:translate(-50%, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom+.bx--assistive-text{bottom:-0.8125rem;transform:translate(-50%, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;top:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start+.bx--assistive-text{bottom:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::before{bottom:-0.5rem;border-width:0 .25rem .3125rem .25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0);transform:translate(-50%, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-start+.bx--assistive-text{bottom:-0.8125rem;left:0;transform:translate(0, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;top:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center+.bx--assistive-text{bottom:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::before{bottom:-0.5rem;border-width:0 .25rem .3125rem .25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0);transform:translate(-50%, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-center+.bx--assistive-text{bottom:-0.8125rem;transform:translate(-50%, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text::after{position:absolute;display:block;content:"";left:0;width:100%;height:.75rem;top:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end+.bx--assistive-text{bottom:0;left:50%}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::before{bottom:-0.5rem;border-width:0 .25rem .3125rem .25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939) rgba(0,0,0,0);transform:translate(-50%, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--align-end+.bx--assistive-text{bottom:-0.8125rem;right:0;left:auto;transform:translate(0, 100%)}.bx--tooltip__trigger.bx--btn--icon-only--left{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.bx--tooltip__trigger.bx--btn--icon-only--left:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--left:focus{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--left:focus{outline:1px solid rgba(0,0,0,0)}.bx--tooltip__trigger.bx--btn--icon-only--left:focus svg{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--left:focus svg{outline-style:dotted}}.bx--tooltip__trigger.bx--btn--icon-only--left::before,.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--left::before,.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{display:inline-block}}.bx--tooltip__trigger.bx--btn--icon-only--left::before,.bx--tooltip__trigger.bx--btn--icon-only--left::after{transition:opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}@media screen and (prefers-reduced-motion: reduce){.bx--tooltip__trigger.bx--btn--icon-only--left::before,.bx--tooltip__trigger.bx--btn--icon-only--left::after{transition:none}}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after{transition:none}.bx--tooltip__trigger.bx--btn--icon-only--left::before{width:0;height:0;border-style:solid;content:""}.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-inverse-02, #393939);border-radius:.125rem;color:var(--cds-inverse-01, #ffffff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{width:auto}}@supports(-ms-accelerator: true){.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{width:auto}}@supports(-ms-ime-align: auto){.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{width:auto}}@media screen and (-ms-high-contrast: active),screen and (prefers-contrast){.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{border:1px solid rgba(0,0,0,0)}}.bx--tooltip__trigger.bx--btn--icon-only--left::after{content:attr(aria-label)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after{content:none}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::before,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible::after,.bx--tooltip__trigger.bx--btn--icon-only--left:hover::before,.bx--tooltip__trigger.bx--btn--icon-only--left:hover::after,.bx--tooltip__trigger.bx--btn--icon-only--left:focus::before,.bx--tooltip__trigger.bx--btn--icon-only--left:focus::after{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:focus+.bx--assistive-text{overflow:visible;margin:auto;clip:auto}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--visible.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--left:hover .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:hover+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:hover.bx--tooltip--a11y::before,.bx--tooltip__trigger.bx--btn--icon-only--left:focus .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:focus+.bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left:focus.bx--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden+.bx--assistive-text{overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--hidden.bx--tooltip--a11y::before{animation:none;opacity:0}.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;right:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--left::before,.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{top:50%;left:0}.bx--tooltip__trigger.bx--btn--icon-only--left::before{left:-0.5rem;border-width:.25rem 0 .25rem .3125rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939);transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left::after,.bx--tooltip__trigger.bx--btn--icon-only--left .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left+.bx--assistive-text{left:-0.8125rem;transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;right:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start+.bx--assistive-text{top:50%;left:0}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::before{left:-0.5rem;border-width:.25rem 0 .25rem .3125rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939);transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start::after,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-start+.bx--assistive-text{left:-0.8125rem;transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;right:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center+.bx--assistive-text{top:50%;left:0}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::before{left:-0.5rem;border-width:.25rem 0 .25rem .3125rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939);transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center::after,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-center+.bx--assistive-text{left:-0.8125rem;transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text::after{position:absolute;display:block;content:"";top:0;width:.75rem;height:100%;right:-0.75rem}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end+.bx--assistive-text{top:50%;left:0}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::before{left:-0.5rem;border-width:.25rem 0 .25rem .3125rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--cds-inverse-02, #393939);transform:translate(-100%, -50%)}.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end::after,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end .bx--assistive-text,.bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--align-end+.bx--assistive-text{left:-0.8125rem;transform:translate(-100%, -50%)}.bx--btn--icon-only{padding-right:.9375rem;padding-left:.9375rem}.bx--btn--icon-only .bx--btn__icon{position:static}.bx--btn--icon-only.bx--btn--ghost .bx--btn__icon,.bx--btn--icon-only.bx--btn--danger--ghost .bx--btn__icon{margin:0}.bx--btn--icon-only.bx--btn--selected{background:var(--cds-selected-ui, #e0e0e0)}.bx--btn path[data-icon-path=inner-path]{fill:none}.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]),.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon{fill:var(--cds-icon-01, #161616)}.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon path:not([data-icon-path]):not([fill=none]),.bx--btn--ghost.bx--btn--icon-only[disabled] .bx--btn__icon,.bx--btn.bx--btn--icon-only.bx--btn--ghost[disabled]:hover .bx--btn__icon{fill:var(--cds-disabled-03, #8d8d8d)}.bx--btn--ghost.bx--btn--icon-only[disabled]{cursor:not-allowed}.bx--btn--field.bx--btn--icon-only,.bx--btn--md.bx--btn--icon-only{padding-right:.6875rem;padding-left:.6875rem}.bx--btn--sm.bx--btn--icon-only{padding-right:.4375rem;padding-left:.4375rem}.bx--btn--danger{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-danger-01, #da1e28);color:var(--cds-text-04, #ffffff)}.bx--btn--danger:hover{background-color:var(--cds-hover-danger, #b81921)}.bx--btn--danger:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--danger:active{background-color:var(--cds-active-danger, #750e13)}.bx--btn--danger .bx--btn__icon,.bx--btn--danger .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--danger:hover{color:var(--cds-text-04, #ffffff)}.bx--btn--danger-tertiary,.bx--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-danger-02, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-danger-02, #da1e28)}.bx--btn--danger-tertiary:hover,.bx--btn--danger--tertiary:hover{background-color:var(--cds-hover-danger, #b81921)}.bx--btn--danger-tertiary:focus,.bx--btn--danger--tertiary:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--danger-tertiary:active,.bx--btn--danger--tertiary:active{background-color:var(--cds-active-danger, #750e13)}.bx--btn--danger-tertiary .bx--btn__icon,.bx--btn--danger-tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]),.bx--btn--danger--tertiary .bx--btn__icon,.bx--btn--danger--tertiary .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--danger-tertiary:hover,.bx--btn--danger--tertiary:hover{border-color:var(--cds-hover-danger, #b81921);color:var(--cds-text-04, #ffffff)}.bx--btn--danger-tertiary:focus,.bx--btn--danger--tertiary:focus{background-color:var(--cds-danger-01, #da1e28);color:var(--cds-text-04, #ffffff)}.bx--btn--danger-tertiary:active,.bx--btn--danger--tertiary:active{border-color:var(--cds-active-danger, #750e13);color:var(--cds-text-04, #ffffff)}.bx--btn--danger-tertiary:disabled,.bx--btn--danger-tertiary:hover:disabled,.bx--btn--danger-tertiary:focus:disabled,.bx--btn--danger-tertiary.bx--btn--disabled,.bx--btn--danger-tertiary.bx--btn--disabled:hover,.bx--btn--danger-tertiary.bx--btn--disabled:focus,.bx--btn--danger--tertiary:disabled,.bx--btn--danger--tertiary:hover:disabled,.bx--btn--danger--tertiary:focus:disabled,.bx--btn--danger--tertiary.bx--btn--disabled,.bx--btn--danger--tertiary.bx--btn--disabled:hover,.bx--btn--danger--tertiary.bx--btn--disabled:focus{background:rgba(0,0,0,0);color:var(--cds-disabled-03, #8d8d8d);outline:none}.bx--btn--danger-ghost,.bx--btn--danger--ghost{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-danger-02, #da1e28);padding:calc(.875rem - 3px) 16px}.bx--btn--danger-ghost:hover,.bx--btn--danger--ghost:hover{background-color:var(--cds-hover-danger, #b81921)}.bx--btn--danger-ghost:focus,.bx--btn--danger--ghost:focus{border-color:var(--cds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}.bx--btn--danger-ghost:active,.bx--btn--danger--ghost:active{background-color:var(--cds-active-danger, #750e13)}.bx--btn--danger-ghost .bx--btn__icon,.bx--btn--danger-ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]),.bx--btn--danger--ghost .bx--btn__icon,.bx--btn--danger--ghost .bx--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.bx--btn--danger-ghost .bx--btn__icon,.bx--btn--danger--ghost .bx--btn__icon{position:static;margin-left:.5rem}.bx--btn--danger-ghost:hover,.bx--btn--danger-ghost:active,.bx--btn--danger--ghost:hover,.bx--btn--danger--ghost:active{color:var(--cds-text-04, #ffffff)}.bx--btn--danger-ghost:disabled,.bx--btn--danger-ghost:hover:disabled,.bx--btn--danger-ghost:focus:disabled,.bx--btn--danger-ghost.bx--btn--disabled,.bx--btn--danger-ghost.bx--btn--disabled:hover,.bx--btn--danger-ghost.bx--btn--disabled:focus,.bx--btn--danger--ghost:disabled,.bx--btn--danger--ghost:hover:disabled,.bx--btn--danger--ghost:focus:disabled,.bx--btn--danger--ghost.bx--btn--disabled,.bx--btn--danger--ghost.bx--btn--disabled:hover,.bx--btn--danger--ghost.bx--btn--disabled:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-disabled-02, #c6c6c6);outline:none}.bx--btn--danger-ghost.bx--btn--sm,.bx--btn--danger--ghost.bx--btn--sm{padding:calc(.375rem - 3px) 16px}.bx--btn--danger-ghost.bx--btn--field,.bx--btn--danger-ghost.bx--btn--md,.bx--btn--danger--ghost.bx--btn--field,.bx--btn--danger--ghost.bx--btn--md{padding:calc(.675rem - 3px) 16px}.bx--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) 60px calc(.375rem - 3px) 12px}.bx--btn--xl:not(.bx--btn--icon-only){align-items:baseline;padding-top:var(--cds-spacing-05, 1rem);padding-right:var(--cds-spacing-10, 4rem);padding-left:var(--cds-spacing-05, 1rem);min-height:5rem}.bx--btn--lg:not(.bx--btn--icon-only){align-items:baseline;padding-top:var(--cds-spacing-05, 1rem);padding-right:var(--cds-spacing-10, 4rem);padding-left:var(--cds-spacing-05, 1rem);min-height:4rem}.bx--btn--field,.bx--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.bx--btn--expressive{font-size:var(--cds-body-short-02-font-size, 1rem);font-weight:var(--cds-body-short-02-font-weight, 400);line-height:var(--cds-body-short-02-line-height, 1.375);letter-spacing:var(--cds-body-short-02-letter-spacing, 0);min-height:3rem}.bx--btn--icon-only.bx--btn--expressive{padding:12px 13px}.bx--btn.bx--btn--expressive .bx--btn__icon{width:1.25rem;height:1.25rem}.bx--btn-set .bx--btn.bx--btn--expressive{max-width:20rem}.bx--btn.bx--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-01, #e5e5e5);box-shadow:none;pointer-events:none;width:9.375rem}.bx--btn.bx--skeleton:hover,.bx--btn.bx--skeleton:focus,.bx--btn.bx--skeleton:active{border:none;cursor:default;outline:none}.bx--btn.bx--skeleton::before{position:absolute;top:0;left:0;width:100%;height:100%;animation:3000ms ease-in-out skeleton infinite;background:var(--cds-skeleton-02, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.bx--btn.bx--skeleton::before{animation:none}}.bx--btn-set{display:flex}.bx--btn-set--stacked{flex-direction:column}.bx--btn-set .bx--btn{width:100%;max-width:12.25rem}.bx--btn-set .bx--btn:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.bx--btn-set .bx--btn:first-of-type:not(:focus){box-shadow:inherit}.bx--btn-set .bx--btn:focus+.bx--btn{box-shadow:inherit}.bx--btn-set--stacked .bx--btn:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.bx--btn-set--stacked .bx--btn:first-of-type:not(:focus){box-shadow:inherit}.bx--btn-set .bx--btn.bx--btn--disabled{box-shadow:-0.0625rem 0 0 0 var(--cds-disabled-03, #8d8d8d)}.bx--btn-set .bx--btn.bx--btn--disabled:first-of-type{box-shadow:none}.bx--btn-set--stacked .bx--btn.bx--btn--disabled{box-shadow:0 -0.0625rem 0 0 var(--cds-disabled-03, #8d8d8d)}.bx--btn-set--stacked .bx--btn.bx--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]),.bx--btn--ghost.bx--btn--icon-only .bx--btn__icon{fill:ButtonText}}.bx--modal,:host(bx-modal[open]){position:fixed;z-index:9000;top:0;left:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:var(--cds-overlay-01, rgba(22, 22, 22, 0.5));content:"";opacity:0;transition:opacity 240ms cubic-bezier(0.4, 0.14, 1, 1),visibility 0ms linear 240ms;visibility:hidden}.bx--modal.is-visible{opacity:1;transition:opacity 240ms cubic-bezier(0, 0, 0.3, 1),visibility 0ms linear;visibility:inherit}@media screen and (prefers-reduced-motion: reduce){.bx--modal.is-visible{transition:none}}.bx--modal .bx--pagination,:host(bx-modal[open]) .bx--pagination,.bx--modal .bx--pagination__control-buttons,:host(bx-modal[open]) .bx--pagination__control-buttons,.bx--modal .bx--text-input,:host(bx-modal[open]) .bx--text-input,.bx--modal .bx--text-area,:host(bx-modal[open]) .bx--text-area,.bx--modal .bx--search-input,:host(bx-modal[open]) .bx--search-input,.bx--modal .bx--select-input,:host(bx-modal[open]) .bx--select-input,.bx--modal .bx--dropdown,:host(bx-modal[open]) .bx--dropdown,.bx--modal .bx--dropdown-list,:host(bx-modal[open]) .bx--dropdown-list,.bx--modal .bx--number input[type=number],:host(bx-modal[open]) .bx--number input[type=number],.bx--modal .bx--date-picker__input,:host(bx-modal[open]) .bx--date-picker__input,.bx--modal .bx--multi-select,:host(bx-modal[open]) .bx--multi-select{background-color:var(--cds-field-02, #ffffff)}.bx--modal.is-visible .bx--modal-container{transform:translate3d(0, 0, 0);transition:transform 240ms cubic-bezier(0, 0, 0.3, 1)}.bx--modal-container{position:fixed;top:0;display:grid;overflow:hidden;width:100%;height:100%;max-height:100%;background-color:var(--cds-ui-01, #f4f4f4);grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid rgba(0,0,0,0);outline-offset:-3px;transform:translate3d(0, -24px, 0);transform-origin:top center;transition:transform 240ms cubic-bezier(0.4, 0.14, 1, 1)}@media(min-width: 42rem){.bx--modal-container{position:static;width:84%;height:auto;max-height:90%}}@media(min-width: 66rem){.bx--modal-container{width:60%;max-height:84%}}@media(min-width: 82rem){.bx--modal-container{width:48%}}.bx--modal-container .bx--modal-container-body{display:contents}.bx--modal-content,:host(bx-modal-body){font-size:var(--cds-body-long-01-font-size, 0.875rem);font-weight:var(--cds-body-long-01-font-weight, 400);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, 0.16px);position:relative;padding-top:var(--cds-spacing-03, 0.5rem);padding-right:var(--cds-spacing-05, 1rem);padding-left:var(--cds-spacing-05, 1rem);margin-bottom:var(--cds-spacing-09, 3rem);color:var(--cds-text-01, #161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}.bx--modal-content:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--modal-content:focus{outline-style:dotted}}.bx--modal-content p,:host(bx-modal-body) p,.bx--modal-content__regular-content{padding-right:20%;font-size:var(--cds-body-long-01-font-size, 0.875rem);font-weight:var(--cds-body-long-01-font-weight, 400);line-height:var(--cds-body-long-01-line-height, 1.42857);letter-spacing:var(--cds-body-long-01-letter-spacing, 0.16px)}.bx--modal-content--with-form{padding-right:var(--cds-spacing-05, 1rem)}.bx--modal-header,:host(bx-modal-header){padding-top:var(--cds-spacing-05, 1rem);padding-right:var(--cds-spacing-09, 3rem);padding-left:var(--cds-spacing-05, 1rem);margin-bottom:var(--cds-spacing-03, 0.5rem);grid-column:1/-1;grid-row:1/1}.bx--modal-header__label,:host(bx-modal-label){font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);margin-bottom:var(--cds-spacing-02, 0.25rem);color:var(--cds-text-02, #525252)}.bx--modal-header__heading,:host(bx-modal-heading){font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0);color:var(--cds-text-01, #161616)}.bx--modal-container--xs .bx--modal-content__regular-content{padding-right:var(--cds-spacing-05, 1rem)}.bx--modal-container--xs .bx--modal-content p,.bx--modal-container--xs :host(bx-modal-body) p{padding-right:0}@media(min-width: 42rem){.bx--modal-container--xs{width:48%}}@media(min-width: 66rem){.bx--modal-container--xs{width:32%;max-height:48%}}@media(min-width: 82rem){.bx--modal-container--xs{width:24%}}.bx--modal-container--sm .bx--modal-content__regular-content{padding-right:var(--cds-spacing-05, 1rem)}.bx--modal-container--sm .bx--modal-content p,.bx--modal-container--sm :host(bx-modal-body) p{padding-right:0}@media(min-width: 42rem){.bx--modal-container--sm{width:60%}}@media(min-width: 66rem){.bx--modal-container--sm{width:42%;max-height:72%}.bx--modal-container--sm .bx--modal-content p,.bx--modal-container--sm :host(bx-modal-body) p,.bx--modal-container--sm .bx--modal-content__regular-content{padding-right:20%}}@media(min-width: 82rem){.bx--modal-container--sm{width:36%}}@media(min-width: 42rem){.bx--modal-container--lg{width:96%}}@media(min-width: 66rem){.bx--modal-container--lg{width:84%;max-height:96%}}@media(min-width: 82rem){.bx--modal-container--lg{width:72%}}.bx--modal-scroll-content>*:last-child{padding-bottom:var(--cds-spacing-07, 2rem)}.bx--modal-content--overflow-indicator{position:absolute;bottom:var(--cds-spacing-09, 3rem);left:0;width:100%;height:2rem;background-image:linear-gradient(to bottom, rgba(var(--cds-ui-01, #f4f4f4), 0), var(--cds-ui-01, #f4f4f4));content:"";grid-column:1/-1;grid-row:2/-2;pointer-events:none}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){.bx--modal-content--overflow-indicator{background-image:linear-gradient(to bottom, rgba(var(--cds-layer, #f4f4f4), 0), var(--cds-layer, #f4f4f4))}}}.bx--modal-content:focus~.bx--modal-content--overflow-indicator{width:calc(100% - 4px);margin:0 2px 2px}@media screen and (-ms-high-contrast: active){.bx--modal-scroll-content>*:last-child{padding-bottom:0}.bx--modal-content--overflow-indicator{display:none}}.bx--modal-footer{display:flex;height:4rem;justify-content:flex-end;margin-top:auto;grid-column:1/-1;grid-row:-1/-1}.bx--modal-footer .bx--btn{max-width:none;height:4rem;flex:0 1 50%;padding-top:var(--cds-spacing-05, 1rem);padding-bottom:var(--cds-spacing-07, 2rem);margin:0}.bx--modal-footer--three-button .bx--btn{flex:0 1 25%;align-items:flex-start}.bx--modal-close{position:absolute;z-index:2;top:0;right:0;overflow:hidden;width:3rem;height:3rem;padding:.75rem;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);cursor:pointer;transition:background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--modal-close:hover{background-color:var(--cds-hover-ui, #e5e5e5)}.bx--modal-close:focus{border-color:var(--cds-focus, #0f62fe);outline:none}.bx--modal-close::-moz-focus-inner{border:0}.bx--modal-close__icon{width:1.25rem;height:1.25rem;fill:var(--cds-icon-01, #161616)}.bx--body--with-modal-open{overflow:hidden}.bx--body--with-modal-open .bx--tooltip,.bx--body--with-modal-open .bx--overflow-menu-options{z-index:9000}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--modal-close__icon{fill:ButtonText}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--modal-close:focus{color:Highlight;outline:1px solid Highlight}}:host(bx-modal){position:fixed;top:0;bottom:0;width:100vw;height:100vh;z-index:9000;display:flex;align-items:center;justify-content:center;content:"";background-color:var(--cds-overlay, rgba(22, 22, 22, 0.5));opacity:0;visibility:hidden;transition:background-color 720ms cubic-bezier(0.4, 0.14, 1, 1),opacity 240ms cubic-bezier(0.4, 0.14, 1, 1),z-index 720ms cubic-bezier(0.4, 0.14, 1, 1),visibility 240ms cubic-bezier(0.4, 0.14, 1, 1)}:host(bx-modal) .bx--text-input,:host(bx-modal) .bx--select-input{background-color:var(--cds-field-02, #ffffff)}:host(bx-modal) .bx--modal-container{transform:translate3d(0, 0, 0)}@media(min-width: 42rem){:host(bx-modal) .bx--modal-container ::slotted(bx-modal-header),:host(bx-modal) .bx--modal-container ::slotted(bx-modal-body){padding-right:20%}}:host(bx-modal) .bx--modal-container--xs ::slotted(bx-modal-header),:host(bx-modal) .bx--modal-container--sm ::slotted(bx-modal-header),:host(bx-modal) .bx--modal-container--xl ::slotted(bx-modal-header){padding-right:var(--cds-spacing-09, 3rem)}:host(bx-modal) .bx--modal-container--xs ::slotted(bx-modal-body),:host(bx-modal) .bx--modal-container--sm ::slotted(bx-modal-body),:host(bx-modal) .bx--modal-container--xl ::slotted(bx-modal-body){padding-right:var(--cds-spacing-05, 1rem)}@media(min-width: 82rem){:host(bx-modal) .bx--modal-container--sm ::slotted(bx-modal-header),:host(bx-modal) .bx--modal-container--sm ::slotted(bx-modal-body){padding-right:20%}}@media(min-width: 42rem){:host(bx-modal) .bx--modal-container--lg ::slotted(bx-modal-header),:host(bx-modal) .bx--modal-container--lg ::slotted(bx-modal-body){padding-right:20%}}:host(bx-modal[open]){opacity:1;transition:visibility 0ms linear,opacity 240ms cubic-bezier(0, 0, 0.3, 1);visibility:inherit}@media screen and (prefers-reduced-motion: reduce){:host(bx-modal[open]){transition:none}}:host(bx-modal-close-button){outline:none}:host(bx-modal-heading),:host(bx-modal-label){display:block}:host(bx-modal-footer) .bx--modal-footer--three-button ::slotted(bx-btn),:host(bx-modal-footer) .bx--modal-footer--three-button ::slotted(bx-modal-footer-button){flex:0 1 25%}:host(bx-modal-footer) ::slotted(bx-btn),:host(bx-modal-footer-button){max-width:none;width:50%;height:4rem;margin:0}:host(bx-modal-footer-button) .bx--btn{padding-top:1rem;padding-bottom:2rem;box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}:host(bx-modal-footer-button:first-of-type) .bx--btn{box-shadow:inherit}:host(bx-modal-footer-button) .bx--btn:focus,:host(bx-modal-footer-button:first-of-type) .bx--btn:focus{box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe),inset 0 0 0 2px var(--cds-ui-background, #ffffff)}']),globals_settings=__webpack_require__("./src/globals/settings.ts"),carbon_element=__webpack_require__("./src/globals/decorators/carbon-element.ts");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var prefix=settings.a.prefix,PRECEDING=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,FOLLOWING=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY;function tryFocusElems(elems){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1])for(var _i2=elems.length-1;_i2>=0;--_i2){var _elem=elems[_i2];if(_elem.focus(),_elem.ownerDocument.activeElement===_elem)return!0}else for(var i=0;i\n \n \n \n \n '])),prefix,containerClasses,this._handleClickContainer,prefix)}},{kind:"method",key:"updated",value:(_updated=Object(asyncToGenerator.a)(regenerator_default.a.mark((function _callee2(changedProperties){var primaryFocusNode;return regenerator_default.a.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:if(!changedProperties.has("open")){_context2.next=10;break}if(!this.open){_context2.next=9;break}return this._launcher=this.ownerDocument.activeElement,primaryFocusNode=this.querySelector(this.constructor.selectorPrimaryFocus),_context2.next=6,this.constructor._delay();case 6:primaryFocusNode?primaryFocusNode.focus():tryFocusElems(this.querySelectorAll(this.constructor.selectorTabbable),!0)||this.focus(),_context2.next=10;break;case 9:this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null);case 10:case"end":return _context2.stop()}}),_callee2,this)}))),function updated(_x2){return _updated.apply(this,arguments)})},{kind:"method",static:!0,key:"_delay",value:function _delay(){var ms=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(resolve){setTimeout(resolve,ms)}))}},{kind:"get",static:!0,key:"selectorCloseButton",value:function selectorCloseButton(){return"[data-modal-close],".concat(prefix,"-modal-close-button")}},{kind:"get",static:!0,key:"selectorTabbable",value:function selectorTabbable(){return globals_settings.a}},{kind:"get",static:!0,key:"selectorPrimaryFocus",value:function selectorPrimaryFocus(){return"[data-modal-primary-focus],".concat(prefix,"-modal-footer ").concat(prefix,'-btn[kind="primary"]')}},{kind:"get",static:!0,key:"eventBeforeClose",value:function eventBeforeClose(){return"".concat(prefix,"-modal-beingclosed")}},{kind:"get",static:!0,key:"eventClose",value:function eventClose(){return"".concat(prefix,"-modal-closed")}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),Object(mixins_host_listener.a)(lit_element.a));function modal_header_createSuper(Derived){var hasNativeReflectConstruct=function modal_header_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_close_button_templateObject,modal_header_prefix=settings.a.prefix,_20=(Object(decorate.a)([Object(carbon_element.a)("".concat(modal_header_prefix,"-modal-header"))],(function(_initialize,_LitElement){var BXModalHeader=function(_LitElement2){Object(inherits.a)(BXModalHeader,_LitElement2);var _super=modal_header_createSuper(BXModalHeader);function BXModalHeader(){var _this;Object(classCallCheck.a)(this,BXModalHeader);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalHeader)}(_LitElement);return{F:BXModalHeader,d:[{kind:"method",key:"render",value:function render(){return Object(lit_element.c)(modal_header_templateObject||(modal_header_templateObject=Object(taggedTemplateLiteral.a)([" "])))}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),lit_element.a),__webpack_require__("../../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../../node_modules/@carbon/icons/lib/close/20.js")),mixins_focus=__webpack_require__("./src/globals/mixins/focus.ts");function modal_close_button_createSuper(Derived){var hasNativeReflectConstruct=function modal_close_button_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_heading_templateObject,modal_close_button_prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(modal_close_button_prefix,"-modal-close-button"))],(function(_initialize,_FocusMixin){var BXModalCloseButton=function(_FocusMixin2){Object(inherits.a)(BXModalCloseButton,_FocusMixin2);var _super=modal_close_button_createSuper(BXModalCloseButton);function BXModalCloseButton(){var _this;Object(classCallCheck.a)(this,BXModalCloseButton);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalCloseButton)}(_FocusMixin);return{F:BXModalCloseButton,d:[{kind:"field",decorators:[Object(lit_element.d)({attribute:"assistive-text"})],key:"assistiveText",value:function value(){return"Close"}},{kind:"method",key:"createRenderRoot",value:function createRenderRoot(){var _exec;return this.attachShadow({mode:"open",delegatesFocus:Number((null!==(_exec=/Safari\/(\d+)/.exec(navigator.userAgent))&&void 0!==_exec?_exec:["",0])[1])<=537})}},{kind:"method",key:"render",value:function render(){var assistiveText=this.assistiveText;return Object(lit_element.c)(modal_close_button_templateObject||(modal_close_button_templateObject=Object(taggedTemplateLiteral.a)(['\n \n ',"\n \n "])),Object(if_non_null.a)(assistiveText),modal_close_button_prefix,Object(if_non_null.a)(assistiveText),Object(_20.a)({part:"close-icon",class:"".concat(modal_close_button_prefix,"--modal-close__icon")}))}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),Object(mixins_focus.a)(lit_element.a));function modal_heading_createSuper(Derived){var hasNativeReflectConstruct=function modal_heading_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_label_templateObject,modal_heading_prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(modal_heading_prefix,"-modal-heading"))],(function(_initialize,_LitElement){var BXModalHeading=function(_LitElement2){Object(inherits.a)(BXModalHeading,_LitElement2);var _super=modal_heading_createSuper(BXModalHeading);function BXModalHeading(){var _this;Object(classCallCheck.a)(this,BXModalHeading);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalHeading)}(_LitElement);return{F:BXModalHeading,d:[{kind:"method",key:"render",value:function render(){return Object(lit_element.c)(modal_heading_templateObject||(modal_heading_templateObject=Object(taggedTemplateLiteral.a)([" "])))}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),lit_element.a);function modal_label_createSuper(Derived){var hasNativeReflectConstruct=function modal_label_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_body_templateObject,modal_label_prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(modal_label_prefix,"-modal-label"))],(function(_initialize,_LitElement){var BXModalLabel=function(_LitElement2){Object(inherits.a)(BXModalLabel,_LitElement2);var _super=modal_label_createSuper(BXModalLabel);function BXModalLabel(){var _this;Object(classCallCheck.a)(this,BXModalLabel);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalLabel)}(_LitElement);return{F:BXModalLabel,d:[{kind:"method",key:"render",value:function render(){return Object(lit_element.c)(modal_label_templateObject||(modal_label_templateObject=Object(taggedTemplateLiteral.a)([" "])))}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),lit_element.a);function modal_body_createSuper(Derived){var hasNativeReflectConstruct=function modal_body_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_footer_templateObject,modal_body_prefix=settings.a.prefix;Object(decorate.a)([Object(carbon_element.a)("".concat(modal_body_prefix,"-modal-body"))],(function(_initialize,_LitElement){var BXModalBody=function(_LitElement2){Object(inherits.a)(BXModalBody,_LitElement2);var _super=modal_body_createSuper(BXModalBody);function BXModalBody(){var _this;Object(classCallCheck.a)(this,BXModalBody);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalBody)}(_LitElement);return{F:BXModalBody,d:[{kind:"method",key:"render",value:function render(){return Object(lit_element.c)(modal_body_templateObject||(modal_body_templateObject=Object(taggedTemplateLiteral.a)([" "])))}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),lit_element.a);function modal_footer_createSuper(Derived){var hasNativeReflectConstruct=function modal_footer_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_footer_prefix=settings.a.prefix,components_button_button=(Object(decorate.a)([Object(carbon_element.a)("".concat(modal_footer_prefix,"-modal-footer"))],(function(_initialize,_LitElement){var BXModalFooter=function(_LitElement2){Object(inherits.a)(BXModalFooter,_LitElement2);var _super=modal_footer_createSuper(BXModalFooter);function BXModalFooter(){var _this;Object(classCallCheck.a)(this,BXModalFooter);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalFooter)}(_LitElement);return{F:BXModalFooter,d:[{kind:"field",key:"_hasMoreThanTwoButtons",value:function value(){return!1}},{kind:"method",key:"_handleSlotChange",value:function _handleSlotChange(event){var selectorButtons=this.constructor.selectorButtons;this._hasMoreThanTwoButtons=event.target.assignedNodes().filter((function(node){return node.nodeType===Node.ELEMENT_NODE&&node.matches(selectorButtons)})).length>2,this.requestUpdate()}},{kind:"method",key:"render",value:function render(){var _classMap,hasMoreThanTwoButtons=this._hasMoreThanTwoButtons,handleSlotChange=this._handleSlotChange,classes=Object(class_map.a)((_classMap={},Object(defineProperty.a)(_classMap,"".concat(modal_footer_prefix,"--modal-footer"),!0),Object(defineProperty.a)(_classMap,"".concat(modal_footer_prefix,"--modal-footer--three-button"),hasMoreThanTwoButtons),_classMap));return Object(lit_element.c)(modal_footer_templateObject||(modal_footer_templateObject=Object(taggedTemplateLiteral.a)(['\n
\n \n
\n '])),classes,handleSlotChange)}},{kind:"get",static:!0,key:"selectorButtons",value:function selectorButtons(){return"".concat(modal_footer_prefix,"-btn,").concat(modal_footer_prefix,"-modal-footer-button")}},{kind:"field",static:!0,key:"styles",value:function value(){return modal}}]}}),lit_element.a),__webpack_require__("./src/components/button/button.scss"));function modal_footer_button_createSuper(Derived){var hasNativeReflectConstruct=function modal_footer_button_isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=Object(getPrototypeOf.a)(Derived);if(hasNativeReflectConstruct){var NewTarget=Object(getPrototypeOf.a)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return Object(possibleConstructorReturn.a)(this,result)}}var modal_footer_button_prefix=settings.a.prefix,dist_esm=(Object(decorate.a)([Object(carbon_element.a)("".concat(modal_footer_button_prefix,"-modal-footer-button"))],(function(_initialize,_BXButton){var BXModalFooterButton=function(_BXButton2){Object(inherits.a)(BXModalFooterButton,_BXButton2);var _super=modal_footer_button_createSuper(BXModalFooterButton);function BXModalFooterButton(){var _this;Object(classCallCheck.a)(this,BXModalFooterButton);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_super.call.apply(_super,[this].concat(args)),_initialize(Object(assertThisInitialized.a)(_this)),_this}return Object(createClass.a)(BXModalFooterButton)}(_BXButton);return{F:BXModalFooterButton,d:[{kind:"field",static:!0,key:"styles",value:function value(){return[components_button_button.a,modal]}}]}}),button_button.d),__webpack_require__("../../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../../node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.date.to-primitive.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@mdx-js/react/dist/esm.js")),addon_docs_dist_esm=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("../../node_modules/@storybook/addon-docs/blocks.js"),storybook_cdn=__webpack_require__("./src/globals/internal/storybook-cdn.ts");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["components"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(dist_esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(dist_esm.b)("h1",{id:"modal"},"Modal"),Object(dist_esm.b)("blockquote",null,Object(dist_esm.b)("p",{parentName:"blockquote"},"💡 Check our\n",Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/modal",target:"_blank",rel:"nofollow noopener noreferrer"},"CodeSandbox"),"\nexample implementation.")),Object(dist_esm.b)("p",null,Object(dist_esm.b)("a",{parentName:"p",href:"https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/carbon-web-components/examples/codesandbox/basic/components/modal",target:"_blank",rel:"nofollow noopener noreferrer"},Object(dist_esm.b)("img",{parentName:"a",src:"https://codesandbox.io/static/img/play-codesandbox.svg",alt:"Edit carbon-web-components"}))),Object(dist_esm.b)("p",null,"Modals interrupt user workflow by design. They are most effective when a task\nmust be completed before a user can continue. While effective when used\ncorrectly, modals should be used sparingly to limit disruption to a user\nexperience."),Object(dist_esm.b)("h2",{id:"getting-started"},"Getting started"),Object(dist_esm.b)("p",null,"Here's a quick example to get you started."),Object(dist_esm.b)("h3",{id:"js-via-import"},"JS (via import)"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-javascript"},"import '@carbon/web-components/es/components/modal/index.js';\nimport '@carbon/web-components/es/components/button/index.js';\n")),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.b)({components:["modal","button"]})),mdxType:"Description"}),Object(dist_esm.b)(blocks.a,{markdown:"".concat(Object(storybook_cdn.a)()),mdxType:"Description"}),Object(dist_esm.b)("h3",{id:"html"},"HTML"),Object(dist_esm.b)("pre",null,Object(dist_esm.b)("code",{parentName:"pre",className:"language-html"},' Open Modal \n\n\n \n \n Label (Optional)\n Modal Title\n \n

Modal text description

\n \n Cancel\n Save\n \n\n\n