npm - carbon-components-angular - Versions diffs - 5.57.5 → 5.57.6 - Mend

carbon-components-angular 5.57.5 → 5.57.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/docs/storybook/project.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"generatedAt":~~1742152632724~~,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.19.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/angular","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/angular","storybookVersion":"7.6.7","storybookVersionSpecifier":"7.6.7","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.7"},"@storybook/angular":{"version":"7.6.7"},"@storybook/theming":{"version":"7.6.7"},"storybook":{"version":"7.6.7"}},"addons":{"@storybook/addon-links":{"version":"7.6.7"},"@storybook/addon-essentials":{"options":{"backgrounds":false},"version":"7.6.7"},"@storybook/addon-a11y":{"version":"7.6.7"},"@storybook/addon-storysource":{"version":"7.6.7"}}}
1	+ {"generatedAt":1743468403201,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"8.19.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/angular","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/angular","storybookVersion":"7.6.7","storybookVersionSpecifier":"7.6.7","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.7"},"@storybook/angular":{"version":"7.6.7"},"@storybook/theming":{"version":"7.6.7"},"storybook":{"version":"7.6.7"}},"addons":{"@storybook/addon-links":{"version":"7.6.7"},"@storybook/addon-essentials":{"options":{"backgrounds":false},"version":"7.6.7"},"@storybook/addon-a11y":{"version":"7.6.7"},"@storybook/addon-storysource":{"version":"7.6.7"}}}

package/docs/storybook/{runtime~main.d377732d.iframe.bundle.js → runtime~main.de44916a.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority\|\|notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority\|\|0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes\|\|[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({140:"dialog-overflow-menu-overflow-menu-stories",210:"list-list-stories",384:"grid-css-grid-stories",459:"tabs-tabs-stories",653:"combo-button-combo-button-stories",703:"toggletip-toggletip-stories",799:"pagination-pagination-stories",911:"button-button-stories",933:"table-table-stories",972:"patterns-loading-large-loading-stories",1127:"search-search-stories",1928:"accordion-accordion-stories",2218:"inline-loading-inline-loading-stories",2342:"radio-radio-stories",2371:"timepicker-timepicker-stories",2388:"modal-modal-stories",2399:"input-textarea-stories",2489:"toggle-toggle-stories",2494:"loading-loading-stories",2573:"grid-grid-stories",2722:"context-menu-context-menu-stories",2969:"pagination-pagination-nav-stories",3046:"input-password-stories",3280:"tiles-tiles-stories",3314:"patterns-filtering-multiple-categories-stories",3329:"checkbox-checkbox-stories",3402:"tiles-expandable-tile-stories",3523:"contained-list-contained-list-stories",3610:"patterns-filtering-single-selection-stories",3719:"tiles-clickable-tile-stories",3858:"code-snippet-code-snippet-stories",3867:"tag-tag-stories",4232:"patterns-forms-multi-step-form-stories",4253:"tooltip-tooltip-stories",4277:"patterns-dialogs-modal-with-table-stories",4391:"content-switcher-content-switcher-stories",4731:"icon-icon-stories",4762:"patterns-filtering-multi-selection-stories",5167:"button-icon-button-stories",5368:"number-input-number-stories",5455:"layer-layer-stories",5808:"progress-bar-progress-bar-stories",5980:"select-select-stories",6026:"slider-slider-stories",6115:"theme-theme-stories",6274:"tooltip-definition-tooptip-stories",6310:"file-uploader-file-uploader-stories",6322:"popover-popover-stories",6456:"treeview-treeview-stories",6634:"link-link-stories",6663:"datepicker-datepicker-stories",6842:"breadcrumb-breadcrumb-stories",6943:"input-input-stories",7081:"layout-stack-stories",7235:"index-stories",7291:"structured-list-structured-list-stories",7840:"patterns-loading-progressive-loading-stories",7869:"skeleton-skeleton-stories",7931:"notification-notification-stories",7991:"menu-button-menu-button-stories",8552:"button-button-set-stories",9211:"dropdown-dropdown-stories",9325:"tiles-tile-group-stories",9552:"timepicker-select-timepicker-select-stories",9619:"progress-indicator-progress-indicator-stories",9660:"ui-shell-ui-shell-stories",9736:"combobox-combobox-stories"}[chunkId]\|\|chunkId)+"."+{140:"cd56a223",210:"b81c613e",384:"c703f9de",459:"066fa432",503:"7113f5a6",653:"17bfb9ad",703:"44da6843",799:"796bfce4",901:"32dc2d61",911:"1d926b54",933:"6669e4b6",972:"6f92d3f6",1119:"29184bd5",1125:"37c137fa",1127:"1ec59397",1250:"47c381c1",1277:"4be2b1a4",1345:"d1a47622",1470:"39923f01",1895:"4ffc48da",1919:"baa222c3",1928:"1c3982a6",2218:"8f458636",2342:"fb3fb37b",2371:"7bbf1029",2388:"8f435f37",2399:"44475ab4",2489:"7832edbb",2494:"261bc118",2573:"f7a88c02",2722:"eb5edb41",2969:"7b305bf2",3046:"26988a51",3080:"d3996d61",3224:"9801f536",3280:"841048dc",3314:"c7cc76c2",3329:"3aeae19d",3360:"e0c015fc",3402:"8658f693",3415:"bd5d140d",3523:"b7913db8",3610:"e4243e65",3719:"03399cd8",3774:"c37f3d92",3858:"591d43f5",3867:"b4426a9b",3931:"36351824",4232:"2693c87c",4253:"eb2e347f",4277:"f9bddeed",4292:"d48fe81e",4391:"8f3aa078",4731:"03be9c0f",4762:"cae9c326",5069:"eabf32ea",5103:"20115e64",5167:"d66c1f0b",5368:"3196a4f3",5455:"9fc41371",5808:"ffe95f75",5868:"6c94dae1",5980:"5ddb23ab",6026:"5884b16a",6115:"66e1727e",6274:"60d42e1c",6310:"7cbeda49",6322:"ea5149e0",6365:"592f1c90",6456:"cc4423f1",6634:"195dfe5f",6663:"21d91b98",6702:"d7d83e53",6765:"2c6ceeb0",6842:"17ad5997",6943:"0acd15ad",7019:"b8944046",7081:"799a681c",7141:"92a0a90c",7235:"164d34c4",7291:"42d9b351",7399:"f37bb110",7773:"e984a82c",7840:"717ad729",7869:"77f9485f",7931:"624c3d04",7991:"869bfd47",8341:"8e19136f",8552:"2257c93f",9115:"84219de9",9211:"97d1c398",9325:"c925923c",9552:"5b57af49",9619:"0b996c97",9660:"032f0170",9672:"12e6e85f",9736:"67eec93c",9939:"80c4b5d2"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>{},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children\|\|(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url\|\|s.getAttribute("data-webpack")=="carbon-components-angular:"+key){script=s;break}}script\|\|(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","carbon-components-angular:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children\|\|(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={1303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(1303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
1	+ (()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority\|\|notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority\|\|0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes\|\|[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({140:"dialog-overflow-menu-overflow-menu-stories",210:"list-list-stories",384:"grid-css-grid-stories",459:"tabs-tabs-stories",653:"combo-button-combo-button-stories",703:"toggletip-toggletip-stories",799:"pagination-pagination-stories",911:"button-button-stories",933:"table-table-stories",972:"patterns-loading-large-loading-stories",1127:"search-search-stories",1928:"accordion-accordion-stories",2218:"inline-loading-inline-loading-stories",2342:"radio-radio-stories",2371:"timepicker-timepicker-stories",2388:"modal-modal-stories",2399:"input-textarea-stories",2489:"toggle-toggle-stories",2494:"loading-loading-stories",2573:"grid-grid-stories",2722:"context-menu-context-menu-stories",2969:"pagination-pagination-nav-stories",3046:"input-password-stories",3280:"tiles-tiles-stories",3314:"patterns-filtering-multiple-categories-stories",3329:"checkbox-checkbox-stories",3402:"tiles-expandable-tile-stories",3523:"contained-list-contained-list-stories",3610:"patterns-filtering-single-selection-stories",3719:"tiles-clickable-tile-stories",3858:"code-snippet-code-snippet-stories",3867:"tag-tag-stories",4232:"patterns-forms-multi-step-form-stories",4253:"tooltip-tooltip-stories",4277:"patterns-dialogs-modal-with-table-stories",4391:"content-switcher-content-switcher-stories",4731:"icon-icon-stories",4762:"patterns-filtering-multi-selection-stories",5167:"button-icon-button-stories",5368:"number-input-number-stories",5455:"layer-layer-stories",5808:"progress-bar-progress-bar-stories",5980:"select-select-stories",6026:"slider-slider-stories",6115:"theme-theme-stories",6274:"tooltip-definition-tooptip-stories",6310:"file-uploader-file-uploader-stories",6322:"popover-popover-stories",6456:"treeview-treeview-stories",6634:"link-link-stories",6663:"datepicker-datepicker-stories",6842:"breadcrumb-breadcrumb-stories",6943:"input-input-stories",7081:"layout-stack-stories",7235:"index-stories",7291:"structured-list-structured-list-stories",7840:"patterns-loading-progressive-loading-stories",7869:"skeleton-skeleton-stories",7931:"notification-notification-stories",7991:"menu-button-menu-button-stories",8552:"button-button-set-stories",9211:"dropdown-dropdown-stories",9325:"tiles-tile-group-stories",9552:"timepicker-select-timepicker-select-stories",9619:"progress-indicator-progress-indicator-stories",9660:"ui-shell-ui-shell-stories",9736:"combobox-combobox-stories"}[chunkId]\|\|chunkId)+"."+{140:"cd56a223",210:"b81c613e",384:"c703f9de",459:"40535f65",503:"7113f5a6",653:"17bfb9ad",703:"44da6843",799:"796bfce4",901:"32dc2d61",911:"1d926b54",933:"6669e4b6",972:"6f92d3f6",1119:"29184bd5",1125:"37c137fa",1127:"1ec59397",1250:"47c381c1",1277:"4be2b1a4",1345:"d1a47622",1470:"39923f01",1895:"4ffc48da",1919:"baa222c3",1928:"1c3982a6",2218:"8f458636",2342:"fb3fb37b",2371:"7bbf1029",2388:"8f435f37",2399:"44475ab4",2489:"7832edbb",2494:"261bc118",2573:"f7a88c02",2722:"eb5edb41",2969:"7b305bf2",3046:"26988a51",3080:"d3996d61",3224:"9801f536",3280:"841048dc",3314:"c7cc76c2",3329:"3aeae19d",3360:"e0c015fc",3402:"8658f693",3415:"bd5d140d",3523:"b7913db8",3610:"e4243e65",3719:"03399cd8",3774:"c37f3d92",3858:"591d43f5",3867:"b4426a9b",3931:"36351824",4232:"2693c87c",4253:"eb2e347f",4277:"f9bddeed",4292:"d48fe81e",4391:"8f3aa078",4731:"03be9c0f",4762:"cae9c326",5069:"eabf32ea",5103:"20115e64",5167:"d66c1f0b",5368:"3196a4f3",5455:"9fc41371",5808:"ffe95f75",5868:"6c94dae1",5980:"5ddb23ab",6026:"5884b16a",6115:"66e1727e",6274:"60d42e1c",6310:"7cbeda49",6322:"ea5149e0",6365:"592f1c90",6456:"cc4423f1",6634:"195dfe5f",6663:"21d91b98",6702:"d7d83e53",6765:"2c6ceeb0",6842:"17ad5997",6943:"0acd15ad",7019:"b8944046",7081:"799a681c",7141:"92a0a90c",7235:"164d34c4",7291:"42d9b351",7399:"f37bb110",7773:"e984a82c",7840:"717ad729",7869:"77f9485f",7931:"624c3d04",7991:"869bfd47",8341:"8e19136f",8552:"2257c93f",9115:"84219de9",9211:"97d1c398",9325:"c925923c",9552:"5b57af49",9619:"0b996c97",9660:"032f0170",9672:"12e6e85f",9736:"67eec93c",9939:"80c4b5d2"}[chunkId]+".iframe.bundle.js"),__webpack_require__.miniCssF=chunkId=>{},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children\|\|(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url\|\|s.getAttribute("data-webpack")=="carbon-components-angular:"+key){script=s;break}}script\|\|(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","carbon-components-angular:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children\|\|(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={1303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(1303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();

package/docs/storybook/{tabs-tabs-stories.066fa432.iframe.bundle.js → tabs-tabs-stories.40535f65.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[459],{"./node_modules/@carbon/utils-position/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _a,PLACEMENTS;__webpack_require__.d(__webpack_exports__,{FK:()=>position,ZP:()=>__WEBPACK_DEFAULT_EXPORT__}),function(PLACEMENTS){PLACEMENTS.LEFT="left",PLACEMENTS.RIGHT="right",PLACEMENTS.TOP="top",PLACEMENTS.BOTTOM="bottom"}(PLACEMENTS\|\|(PLACEMENTS={}));var defaultPositions=((_a={})[PLACEMENTS.LEFT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left-target.offsetWidth)}},_a[PLACEMENTS.RIGHT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left+referenceRect.width)}},_a[PLACEMENTS.TOP]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top-target.offsetHeight),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a[PLACEMENTS.BOTTOM]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top+referenceRect.height),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a),windowRef="undefined"!=typeof window?window:{innerHeight:0,scrollY:0,innerWidth:0,scrollX:0},Position=function(){function Position(positions){void 0===positions&&(positions={}),this.positions=defaultPositions,this.positions=Object.assign({},defaultPositions,positions)}return Position.prototype.getRelativeOffset=function(target){for(var offsets={left:target.offsetLeft,top:target.offsetTop};target.offsetParent&&"static"===getComputedStyle(target.offsetParent).position;)offsets.left+=target.offsetLeft,offsets.top+=target.offsetTop,target=target.offsetParent;return offsets},Position.prototype.getAbsoluteOffset=function(target){for(var currentNode=target,margins={top:0,left:0};currentNode.offsetParent;){var computed=getComputedStyle(currentNode.offsetParent);"static"===computed.position&&computed.marginLeft&&computed.marginTop&&(parseInt(computed.marginTop,10)&&(margins.top+=parseInt(computed.marginTop,10)),parseInt(computed.marginLeft,10)&&(margins.left+=parseInt(computed.marginLeft,10))),currentNode=currentNode.offsetParent}var targetRect=target.getBoundingClientRect(),relativeRect=document.body.getBoundingClientRect();return{top:targetRect.top-relativeRect.top+margins.top,left:targetRect.left-relativeRect.left+margins.left}},Position.prototype.findRelative=function(reference,target,placement){var referenceOffset=this.getRelativeOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findAbsolute=function(reference,target,placement){var referenceOffset=this.getAbsoluteOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPosition=function(reference,target,placement,offsetFunction){void 0===offsetFunction&&(offsetFunction=this.getAbsoluteOffset.bind(this));var referenceOffset=offsetFunction(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPositionAt=function(offset,target,placement){return this.calculatePosition(offset,{top:0,left:0,height:0,width:0},target,placement)},Position.prototype.getPlacementBox=function(target,position){var targetBottom=target.offsetHeight+position.top,targetRight=target.offsetWidth+position.left;return{top:position.top,bottom:targetBottom,left:position.left,right:targetRight}},Position.prototype.addOffset=function(position,top,left){return void 0===top&&(top=0),void 0===left&&(left=0),Object.assign({},position,{top:position.top+top,left:position.left+left})},Position.prototype.setElement=function(element,position){element.style.top=position.top+"px",element.style.left=position.left+"px"},Position.prototype.findBestPlacement=function(reference,target,placements,containerFunction,positionFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this)),void 0===positionFunction&&(positionFunction=this.findPosition.bind(this));var weightedPlacements=placements.map((function(placement){var pos=positionFunction(reference,target,placement),box=_this.getPlacementBox(target,pos),hiddenHeight=0,hiddenWidth=0,container=containerFunction();box.top<container.top?hiddenHeight=container.top-box.top:box.bottom>container.height&&(hiddenHeight=box.bottom-container.height),box.left<container.left?hiddenWidth=container.left-box.left:box.right>container.width&&(hiddenWidth=box.right-container.width),hiddenHeight&&!hiddenWidth?hiddenWidth=1:hiddenWidth&&!hiddenHeight&&(hiddenHeight=1);var area=target.offsetHeighttarget.offsetWidth;return{placement,weight:(area-hiddenHeighthiddenWidth)/area}}));return weightedPlacements.sort((function(a,b){return b.weight-a.weight})),weightedPlacements[0].placement},Position.prototype.findBestPlacementAt=function(offset,target,placements,containerFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this));return this.findBestPlacement(null,target,placements,containerFunction,(function(_,target,placement){return _this.findPositionAt(offset,target,placement)}))},Position.prototype.defaultContainerFunction=function(){return{top:0,left:0,height:windowRef.innerHeight,width:windowRef.innerWidth}},Position.prototype.calculatePosition=function(referenceOffset,referenceRect,target,placement){return this.positions[placement]?this.positions[placement](referenceOffset,target,referenceRect):(console.error("No function found for placement, defaulting to 0,0"),{left:0,top:0})},Position}(),position=new Position;const __WEBPACK_DEFAULT_EXPORT__=Position},"./node_modules/@storybook/angular/dist/client/argsToTemplate.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.argsToTemplate=void 0,exports.argsToTemplate=function argsToTemplate(args,options={}){const includeSet=options.include?new Set(options.include):null,excludeSet=options.exclude?new Set(options.exclude):null;return Object.entries(args).filter((([key])=>void 0!==args[key])).filter((([key])=>includeSet?includeSet.has(key):!excludeSet\|\|!excludeSet.has(key))).map((([key,value])=>"function"==typeof value?`(${key})="${key}($event)"`:`[${key}]="${key}"`)).join(" ")}},"./node_modules/@storybook/angular/dist/client/decorators.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentWrapperDecorator=exports.applicationConfig=exports.moduleMetadata=void 0;const ComputesTemplateFromComponent_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/ComputesTemplateFromComponent.js"),NgComponentAnalyzer_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/utils/NgComponentAnalyzer.js");exports.moduleMetadata=metadata=>storyFn=>{const story=storyFn(),storyMetadata=story.moduleMetadata\|\|{};return metadata=metadata\|\|{},{...story,moduleMetadata:{declarations:[...metadata.declarations\|\|[],...storyMetadata.declarations\|\|[]],entryComponents:[...metadata.entryComponents\|\|[],...storyMetadata.entryComponents\|\|[]],imports:[...metadata.imports\|\|[],...storyMetadata.imports\|\|[]],schemas:[...metadata.schemas\|\|[],...storyMetadata.schemas\|\|[]],providers:[...metadata.providers\|\|[],...storyMetadata.providers\|\|[]]}}},exports.applicationConfig=function applicationConfig(config){return storyFn=>{const story=storyFn(),storyConfig=story.applicationConfig;return{...story,applicationConfig:storyConfig\|\|config?{...config,...storyConfig,providers:[...config?.providers\|\|[],...storyConfig?.providers\|\|[]]}:void 0}}};exports.componentWrapperDecorator=(element,props)=>(storyFn,storyContext)=>{const story=storyFn(),currentProps="function"==typeof props?props(storyContext):props,template=(0,NgComponentAnalyzer_1.isComponent)(element)?(0,ComputesTemplateFromComponent_1.computesTemplateFromComponent)(element,currentProps??{},story.template):element(story.template);return{...story,template,...currentProps\|\|story.props?{props:{...currentProps,...story.props}}:{}}}},"./node_modules/@storybook/angular/dist/client/index.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding\|\|(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable\|\|desc.configurable)\|\|(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar\|\|function(m,exports){for(var p in m)"default"===p\|\|Object.prototype.hasOwnProperty.call(exports,p)\|\|__createBinding(exports,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.argsToTemplate=exports.applicationConfig=exports.componentWrapperDecorator=exports.moduleMetadata=void 0,__webpack_require__("./node_modules/@storybook/angular/dist/client/globals.js"),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-api.js"),exports),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);var decorators_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/decorators.js");Object.defineProperty(exports,"moduleMetadata",{enumerable:!0,get:function(){return decorators_1.moduleMetadata}}),Object.defineProperty(exports,"componentWrapperDecorator",{enumerable:!0,get:function(){return decorators_1.componentWrapperDecorator}}),Object.defineProperty(exports,"applicationConfig",{enumerable:!0,get:function(){return decorators_1.applicationConfig}});var argsToTemplate_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/argsToTemplate.js");Object.defineProperty(exports,"argsToTemplate",{enumerable:!0,get:function(){return argsToTemplate_1.argsToTemplate}})},"./node_modules/@storybook/angular/dist/client/public-api.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding\|\|(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable\|\|desc.configurable)\|\|(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar\|\|function(m,exports){for(var p in m)"default"===p\|\|Object.prototype.hasOwnProperty.call(exports,p)\|\|__createBinding(exports,m,p)},__importDefault=this&&this.__importDefault\|\|function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.raw=exports.forceReRender=exports.configure=exports.storiesOf=void 0;const preview_api_1=__webpack_require__("@storybook/preview-api"),render_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/render.js"),decorateStory_1=__importDefault(__webpack_require__("./node_modules/@storybook/angular/dist/client/decorateStory.js"));__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);const api=(0,preview_api_1.start)(render_1.renderToCanvas,{decorateStory:decorateStory_1.default,render:render_1.render});exports.storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:"angular"});exports.configure=(...args)=>api.configure("angular",...args),exports.forceReRender=api.forceReRender,exports.raw=api.clientApi.raw},"./node_modules/@storybook/angular/dist/client/public-types.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0})},"./node_modules/@storybook/angular/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _client_index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/client/index.js");__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"applicationConfig")&&__webpack_require__.d(__webpack_exports__,{applicationConfig:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.applicationConfig}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"componentWrapperDecorator")&&__webpack_require__.d(__webpack_exports__,{componentWrapperDecorator:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.componentWrapperDecorator}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"moduleMetadata")&&__webpack_require__.d(__webpack_exports__,{moduleMetadata:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata}})},"./src/tabs/tabs.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,BeforeAndAfter:()=>BeforeAndAfter,Skeleton:()=>Skeleton,TabheaderGroup:()=>TabheaderGroup,With:()=>With,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tabs_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),utils=__webpack_require__("./src/utils/index.ts");let BaseTabHeader=class BaseTabHeader{constructor(elementRef,changeDetectorRef,eventService,renderer){this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.eventService=eventService,this.renderer=renderer,this.cacheActive=!1,this.type="line",this.theme="dark",this.tabsClass=!0,this.OVERFLOW_BUTTON_OFFSET=44,this.longPressMultiplier=3,this.clickMultiplier=1.5,this.longPressInterval=null,this.tickInterval=null}get containedClass(){return"contained"===this.type}get themeClass(){return"light"===this.theme}get hasHorizontalOverflow(){const tabList=this.headerContainer.nativeElement;return tabList.scrollWidth>tabList.clientWidth}get leftOverflowNavButtonHidden(){const tabList=this.headerContainer.nativeElement;return!this.hasHorizontalOverflow\|\|!tabList.scrollLeft}get rightOverflowNavButtonHidden(){const tabList=this.headerContainer.nativeElement;return!this.hasHorizontalOverflow\|\|tabList.scrollLeft+tabList.clientWidth===tabList.scrollWidth}handleScroll(){this.changeDetectorRef.markForCheck()}handleOverflowNavClick(direction,numOftabs=0){const tabList=this.headerContainer.nativeElement,{clientWidth,scrollLeft,scrollWidth}=tabList;direction>0?tabList.scrollLeft=Math.min(scrollLeft+scrollWidth/numOftabsthis.clickMultiplier,scrollWidth-clientWidth):direction<0&&(tabList.scrollLeft=Math.max(scrollLeft-scrollWidth/numOftabsthis.clickMultiplier,0))}handleOverflowNavMouseDown(direction){const tabList=this.headerContainer.nativeElement;this.longPressInterval=setTimeout((()=>(this.renderer.setStyle(tabList,"scroll-behavior","auto"),this.tickInterval=setInterval((()=>{if(tabList.scrollLeft+=directionthis.longPressMultiplier,this.leftOverflowNavButtonHidden\|\|this.rightOverflowNavButtonHidden)return()=>{clearInterval(this.tickInterval),this.handleOverflowNavMouseUp()}})),()=>clearInterval(this.longPressInterval))),500)}handleOverflowNavMouseUp(){clearInterval(this.tickInterval),clearTimeout(this.longPressInterval),this.renderer.setStyle(this.headerContainer.nativeElement,"scroll-behavior","smooth")}};BaseTabHeader.ctorParameters=()=>[{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:utils.PO},{type:core.Renderer2}],BaseTabHeader.propDecorators={cacheActive:[{type:core.Input}],followFocus:[{type:core.Input}],ariaLabel:[{type:core.Input}],ariaLabelledby:[{type:core.Input}],contentBefore:[{type:core.Input}],contentAfter:[{type:core.Input}],type:[{type:core.Input}],theme:[{type:core.Input}],tabsClass:[{type:core.HostBinding,args:["class.cds--tabs"]}],containedClass:[{type:core.HostBinding,args:["class.cds--tabs--contained"]}],themeClass:[{type:core.HostBinding,args:["class.cds--tabs--light"]}],headerContainer:[{type:core.ViewChild,args:["tabList",{static:!0}]}]},BaseTabHeader=(0,tslib_es6.gn)([(0,core.Component)({template:""})],BaseTabHeader);var Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js");let TabHeader=class TabHeader{constructor(host){this.host=host,this.active=!1,this.disabled=!1,this.type="button",this.ariaSelected=this.active,this.ariaDisabled=this.disabled,this.navItem=!0,this.navLink=!0,this.selected=new core.EventEmitter,this._cacheActive=!1}get tabIndex(){return this.active?0:-1}get isSelected(){return this.active}get isDisabled(){return this.disabled}set cacheActive(shouldCache){this._cacheActive=shouldCache,this.paneReference&&(this.paneReference.cacheActive=this.cacheActive)}set paneTabIndex(tabIndex){this.paneReference&&(this.paneReference.tabIndex=tabIndex)}get cacheActive(){return this._cacheActive}onClick(){this.selectTab()}ngAfterViewInit(){setTimeout((()=>{this.title=this.title?this.title:this.host.nativeElement.textContent}))}selectTab(){this.focus(),this.disabled\|\|(this.selected.emit(),this.active=!0,this.paneReference&&(this.paneReference.active=!0))}focus(){this.host.nativeElement.focus()}};TabHeader.ctorParameters=()=>[{type:core.ElementRef}],TabHeader.propDecorators={tabIndex:[{type:core.HostBinding,args:["attr.tabIndex"]}],isSelected:[{type:core.HostBinding,args:["class.cds--tabs__nav-item--selected"]}],isDisabled:[{type:core.HostBinding,args:["class.cds--tabs__nav-item--disabled"]}],cacheActive:[{type:core.Input}],paneTabIndex:[{type:core.Input}],active:[{type:core.Input}],disabled:[{type:core.Input}],type:[{type:core.HostBinding,args:["attr.type"]}],ariaSelected:[{type:core.HostBinding,args:["attr.aria-selected"]}],ariaDisabled:[{type:core.HostBinding,args:["attr.aria-disabled"]}],navItem:[{type:core.HostBinding,args:["class.cds--tabs__nav-item"]}],navLink:[{type:core.HostBinding,args:["class.cds--tabs__nav-link"]}],paneReference:[{type:core.Input}],title:[{type:core.HostBinding,args:["attr.title"]},{type:core.Input}],selected:[{type:core.Output}],onClick:[{type:core.HostListener,args:["click"]}]},TabHeader=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsTabHeader], [ibmTabHeader]"})],TabHeader);let TabHeaderGroup=class TabHeaderGroup extends BaseTabHeader{constructor(elementRef,changeDetectorRef,eventService,renderer){super(elementRef,changeDetectorRef,eventService,renderer),this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.eventService=eventService,this.renderer=renderer,this.isNavigation=!1,this.selectedSubscriptionTracker=new Subscription.w0,this.currentSelectedTab=0}keyboardInput(event){let tabHeadersArray=this.tabHeaderQuery.toArray();"ArrowRight"===event.key&&(this.currentSelectedTab<tabHeadersArray.length-1?(event.preventDefault(),this.followFocus&&!tabHeadersArray[this.currentSelectedTab+1].disabled?tabHeadersArray[this.currentSelectedTab+1].selectTab():(tabHeadersArray[this.currentSelectedTab+1].focus(),this.currentSelectedTab++)):(event.preventDefault(),this.followFocus&&!tabHeadersArray[0].disabled?tabHeadersArray[0].selectTab():(tabHeadersArray[0].focus(),this.currentSelectedTab=0))),"ArrowLeft"===event.key&&(this.currentSelectedTab>0?(event.preventDefault(),this.followFocus&&!tabHeadersArray[this.currentSelectedTab-1].disabled?tabHeadersArray[this.currentSelectedTab-1].selectTab():(tabHeadersArray[this.currentSelectedTab-1].focus(),this.currentSelectedTab--)):(event.preventDefault(),this.followFocus&&!tabHeadersArray[tabHeadersArray.length-1].disabled?tabHeadersArray[tabHeadersArray.length-1].selectTab():(tabHeadersArray[tabHeadersArray.length-1].focus(),this.currentSelectedTab=tabHeadersArray.length-1))),"Home"===event.key&&(event.preventDefault(),this.followFocus&&!tabHeadersArray[0].disabled?tabHeadersArray[0].selectTab():(tabHeadersArray[0].focus(),this.currentSelectedTab=0)),"End"===event.key&&(event.preventDefault(),this.followFocus&&!tabHeadersArray[tabHeadersArray.length-1].disabled?tabHeadersArray[tabHeadersArray.length-1].selectTab():(tabHeadersArray[tabHeadersArray.length-1].focus(),this.currentSelectedTab=tabHeadersArray.length-1))," "!==event.key\|\|this.followFocus\|\|tabHeadersArray[this.currentSelectedTab].selectTab()}ngOnInit(){this.eventService.on(window,"resize",(()=>this.handleScroll()))}ngAfterContentInit(){this.selectedSubscriptionTracker.unsubscribe(),this.tabHeaderQuery&&this.tabHeaderQuery.toArray().forEach((tabHeader=>{tabHeader.cacheActive=this.cacheActive,tabHeader.paneTabIndex=this.isNavigation?null:0}));const selectedSubscriptions=this.tabHeaderQuery.toArray().forEach((tabHeader=>{tabHeader.selected.subscribe((()=>{this.currentSelectedTab=this.tabHeaderQuery.toArray().indexOf(tabHeader),this.tabHeaderQuery.toArray().filter((header=>header!==tabHeader)).forEach((filteredHeader=>{filteredHeader.active=!1,filteredHeader.paneReference&&(filteredHeader.paneReference.active=!1)}))}))}));this.selectedSubscriptionTracker.add(selectedSubscriptions),setTimeout((()=>this.tabHeaderQuery.toArray()[this.currentSelectedTab].selectTab()))}ngOnChanges(changes){this.tabHeaderQuery&&(changes.cacheActive&&this.tabHeaderQuery.toArray().forEach((tabHeader=>tabHeader.cacheActive=this.cacheActive)),changes.isNavigation&&this.tabHeaderQuery.toArray().forEach((tabHeader=>tabHeader.paneTabIndex=this.isNavigation?null:0)))}getSelectedTab(){const selected=this.tabHeaderQuery.toArray()[this.currentSelectedTab];return selected\|\|{headingIsTemplate:!1,heading:""}}};TabHeaderGroup.ctorParameters=()=>[{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:utils.PO},{type:core.Renderer2}],TabHeaderGroup.propDecorators={isNavigation:[{type:core.Input}],tabHeaderQuery:[{type:core.ContentChildren,args:[TabHeader]}],headerContainer:[{type:core.ViewChild,args:["tabList",{static:!0}]}],keyboardInput:[{type:core.HostListener,args:["keydown",["$event"]]}]},TabHeaderGroup=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tab-header-group, ibm-tab-header-group",template:'\n\t\t<button\n\t\t\ttype="button"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--previous"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': leftOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t(click)="handleOverflowNavClick(-1, tabHeaderQuery.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(-1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\t(pointercancel)="handleOverflowNavMouseUp()">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M5 8L10 3 10.7 3.7 6.4 8 10.7 12.3 10 13z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t\t<div\n\t\t\tclass="cds--tab--list"\n\t\t\trole="tablist"\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t(scroll)="handleScroll()"\n\t\t\t#tabList>\n\t\t\t<ng-container [ngTemplateOutlet]="contentBefore"></ng-container>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-container [ngTemplateOutlet]="contentAfter"></ng-container>\n\t\t</div>\n\t\t<button\n\t\t\ttype="button"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--next"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': rightOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t(click)="handleOverflowNavClick(1, tabHeaderQuery.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\t(pointercancel)="handleOverflowNavMouseUp()">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t'})],TabHeaderGroup);var i18n=__webpack_require__("./src/i18n/index.ts");let Tab=class Tab{constructor(){this.headingIsTemplate=!1,this.active=!1,this.disabled=!1,this.tabIndex=0,this.id="n-tab-"+Tab.counter++,this.selected=new core.EventEmitter,this.attrClass=this.id,this._cacheActive=!1}set cacheActive(shouldCache){this._cacheActive=shouldCache}get cacheActive(){return this._cacheActive}ngOnInit(){this.heading instanceof core.TemplateRef&&(this.headingIsTemplate=!0)}doSelect(){this.selected.emit()}shouldRender(){return this.active\|\|this.cacheActive}isTemplate(value){return value instanceof core.TemplateRef}};Tab.counter=0,Tab.propDecorators={heading:[{type:core.Input}],title:[{type:core.Input}],context:[{type:core.Input}],active:[{type:core.Input}],disabled:[{type:core.Input}],tabIndex:[{type:core.Input}],id:[{type:core.Input}],cacheActive:[{type:core.Input}],tabContent:[{type:core.Input}],templateContext:[{type:core.Input}],selected:[{type:core.Output}],attrClass:[{type:core.HostBinding,args:["attr.id"]}]},Tab=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tab, ibm-tab",template:'\n\t\t<div\n\t\t\t[attr.tabindex]="tabIndex"\n\t\t\trole="tabpanel"\n\t\t\tngIf="shouldRender()"\n\t\t\tclass="cds--tab-content"\n\t\t\t[ngStyle]="{\'display\': active ? null : \'none\'}"\n\t\t\t[attr.aria-labelledby]="id + \'-header\'"\n\t\t\taria-live="polite">\n\t\t\t<ng-template\n\t\t\t\tngIf="isTemplate(tabContent)"\n\t\t\t\t[ngTemplateOutlet]="tabContent"\n\t\t\t\t[ngTemplateOutletContext]="{ $implicit: templateContext }">\n\t\t\t</ng-template>\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t'})],Tab);let TabHeaders=class TabHeaders extends BaseTabHeader{constructor(elementRef,changeDetectorRef,eventService,renderer,i18n){super(elementRef,changeDetectorRef,eventService,renderer),this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.eventService=eventService,this.renderer=renderer,this.i18n=i18n,this.translations=this.i18n.get().TABS,this.firstVisibleTab=0}keyboardInput(event){let tabsArray=this.tabs.toArray();"ArrowRight"===event.key&&(this.currentSelectedTab<this.allTabHeaders.length-1?(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.currentSelectedTab+1],this.currentSelectedTab),this.allTabHeaders.toArray()[this.currentSelectedTab+1].nativeElement.focus()):(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[0],0),this.allTabHeaders.first.nativeElement.focus())),"ArrowLeft"===event.key&&(this.currentSelectedTab>0?(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.currentSelectedTab-1],this.currentSelectedTab),this.allTabHeaders.toArray()[this.currentSelectedTab-1].nativeElement.focus()):(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.allTabHeaders.length-1],this.allTabHeaders.length),this.allTabHeaders.toArray()[this.allTabHeaders.length-1].nativeElement.focus())),"Home"===event.key&&(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[0],0),this.allTabHeaders.toArray()[0].nativeElement.focus()),"End"===event.key&&(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.allTabHeaders.length-1],this.allTabHeaders.length),this.allTabHeaders.toArray()[this.allTabHeaders.length-1].nativeElement.focus())," "!==event.key&&"Spacebar"!==event.key\|\|this.followFocus\|\|this.selectTab(event.target,tabsArray[this.currentSelectedTab],this.currentSelectedTab)}ngOnInit(){this.resizeObserver=new ResizeObserver((()=>{this.changeDetectorRef.detectChanges()})),this.resizeObserver.observe(this.headerContainer.nativeElement)}ngOnDestroy(){this.resizeObserver.unobserve(this.headerContainer.nativeElement)}ngAfterContentInit(){this.tabInput?this.tabs=this.tabInput:this.tabs=this.tabQuery,this.tabs.forEach((tab=>tab.cacheActive=this.cacheActive)),this.tabs.changes.subscribe((()=>{this.setFirstTab()})),this.setFirstTab()}ngOnChanges(changes){this.tabs&&changes.cacheActive&&this.tabs.forEach((tab=>tab.cacheActive=this.cacheActive))}onTabFocus(ref,index){this.currentSelectedTab=index,this.headerContainer.nativeElement.parentElement.scrollLeft=0}getSelectedTab(){const selected=this.tabs.find((tab=>tab.active));return selected\|\|{headingIsTemplate:!1,heading:""}}selectTab(ref,tab,tabIndex){tab.disabled\|\|(this.currentSelectedTab=tabIndex,this.tabs.forEach((_tab=>_tab.active=!1)),tab.active=!0,tab.doSelect())}setFirstTab(){setTimeout((()=>{let firstTab=this.tabs.find((tab=>tab.active));!firstTab&&this.tabs.first&&(firstTab=this.tabs.first,firstTab.active=!0),firstTab&&firstTab.doSelect()}))}};TabHeaders.ctorParameters=()=>[{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:utils.PO},{type:core.Renderer2},{type:i18n.oc}],TabHeaders.propDecorators={tabInput:[{type:core.Input,args:["tabs"]}],translations:[{type:core.Input}],headerContainer:[{type:core.ViewChild,args:["tabList",{static:!0}]}],tabQuery:[{type:core.ContentChildren,args:[Tab]}],allTabHeaders:[{type:core.ViewChildren,args:["tabItem"]}],keyboardInput:[{type:core.HostListener,args:["keydown",["$event"]]}]},TabHeaders=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tab-headers, ibm-tab-headers",template:'\n\t\t<button\n\t\t\ttype="button"\n\t\t\t(click)="handleOverflowNavClick(-1, tabs.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(-1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--previous"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': leftOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t[title]="translations.BUTTON_ARIA_LEFT">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M5 8L10 3 10.7 3.7 6.4 8 10.7 12.3 10 13z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t\t<div\n\t\t\t#tabList\n\t\t\tclass="cds--tab--list"\n\t\t\trole="tablist"\n\t\t\t[attr.aria-label]="ariaLabel \|\| translations.HEADER_ARIA_LABEL"\n\t\t\t(scroll)="handleScroll()">\n\t\t\t<ng-container [ngTemplateOutlet]="contentBefore"></ng-container>\n\t\t\t<button\n\t\t\t\tngFor="let tab of tabs; let i = index;"\n\t\t\t\t#tabItem\n\t\t\t\trole="tab"\n\t\t\t\t[attr.aria-selected]="tab.active"\n\t\t\t\t[attr.tabindex]="(tab.active?0:-1)"\n\t\t\t\t[attr.aria-controls]="tab.id"\n\t\t\t\t[attr.aria-disabled]="tab.disabled"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--tabs__nav-item--selected\': tab.active,\n\t\t\t\t\t\'cds--tabs__nav-item--disabled\': tab.disabled\n\t\t\t\t}"\n\t\t\t\tclass="cds--tabs__nav-item cds--tabs__nav-link"\n\t\t\t\ttype="button"\n\t\t\t\tdraggable="false"\n\t\t\t\tid="{{tab.id}}-header"\n\t\t\t\t(focus)="onTabFocus(tabItem, i)"\n\t\t\t\t(click)="selectTab(tabItem, tab, i)">\n\t\t\t\t<ng-container ngIf="!tab.headingIsTemplate">\n\t\t\t\t\t{{ tab.heading }}\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\tngIf="tab.headingIsTemplate"\n\t\t\t\t\t[ngTemplateOutlet]="tab.heading"\n\t\t\t\t\t[ngTemplateOutletContext]="{$implicit: tab.context}">\n\t\t\t\t</ng-template>\n\t\t\t</button>\n\t\t\t<ng-container [ngTemplateOutlet]="contentAfter"></ng-container>\n\t\t</div>\n\t\t<button\n\t\t\ttype="button"\n\t\t\t(click)="handleOverflowNavClick(1, tabs.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--next"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': rightOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t[title]="translations.BUTTON_ARIA_RIGHT">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t'})],TabHeaders);let Tabs=class Tabs{constructor(){this.position="top",this.cacheActive=!1,this.followFocus=!0,this.isNavigation=!1,this.type="line",this.theme="dark",this.skeleton=!1}ngAfterContentInit(){this.tabHeaders&&(this.tabHeaders.cacheActive=this.cacheActive),this.tabs.forEach((tab=>{tab.tabIndex=this.isNavigation?null:0}))}ngOnChanges(changes){this.tabHeaders&&changes.cacheActive&&(this.tabHeaders.cacheActive=this.cacheActive),this.tabs&&changes.isNavigation&&this.tabs.forEach((tab=>{tab.tabIndex=this.isNavigation?null:0}))}hasTabHeaders(){return this.tabs.length>0}};Tabs.propDecorators={position:[{type:core.Input}],cacheActive:[{type:core.Input}],followFocus:[{type:core.Input}],isNavigation:[{type:core.Input}],ariaLabel:[{type:core.Input}],ariaLabelledby:[{type:core.Input}],type:[{type:core.Input}],theme:[{type:core.Input}],skeleton:[{type:core.Input}],tabs:[{type:core.ContentChildren,args:[Tab,{descendants:!1}]}],tabHeaders:[{type:core.ContentChild,args:[TabHeaders]}]},Tabs=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tabs, ibm-tabs",template:'\n\t\t<ng-container ngIf="skeleton">\n\t\t\t<cds-tabs-skeleton></cds-tabs-skeleton>\n\t\t</ng-container>\n\t\t<ng-container ngIf="!skeleton">\n\t\t\t<cds-tab-headers\n\t\t\t\tngIf="hasTabHeaders() && position === \'top\'"\n\t\t\t\t[theme]="theme"\n\t\t\t\t[tabs]="tabs"\n\t\t\t\t[followFocus]="followFocus"\n\t\t\t\t[cacheActive]="cacheActive"\n\t\t\t\t[contentBefore]="before"\n\t\t\t\t[contentAfter]="after"\n\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t[ariaLabelledby]="ariaLabelledby"\n\t\t\t\t[type]="type">\n\t\t\t</cds-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select="[before]"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select="[after]"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<cds-tab-headers\n\t\t\t\tngIf="hasTabHeaders() && position === \'bottom\'"\n\t\t\t\t[tabs]="tabs"\n\t\t\t\t[cacheActive]="cacheActive"\n\t\t\t\t[type]="type">\n\t\t\t</cds-tab-headers>\n\t\t</ng-container>\n\t'})],Tabs);let TabSkeleton=class TabSkeleton{constructor(){this.skeleton=!0,this.tabs=!0,this.numOfSkeletonTabs=new Array(5)}set numOftabs(num){this.numOfSkeletonTabs=new Array(num)}};TabSkeleton.propDecorators={numOftabs:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]}],tabs:[{type:core.HostBinding,args:["class.cds--tabs"]}]},TabSkeleton=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tabs-skeleton, ibm-tabs-skeleton",template:'\n\t\t<ul class="cds--tabs__nav">\n\t\t\t<li\n\t\t\t\tngFor="let i of numOfSkeletonTabs"\n\t\t\t\tclass="cds--tabs__nav-item">\n\t\t\t\t<div class="cds--tabs__nav-link">\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>\n\t'})],TabSkeleton);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs");let TabsModule=class TabsModule{};TabsModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[BaseTabHeader,Tabs,Tab,TabHeader,TabHeaders,TabHeaderGroup,TabSkeleton],exports:[Tabs,Tab,TabHeader,TabHeaders,TabHeaderGroup,TabSkeleton],imports:[common.CommonModule,utils.As,i18n.LU]})],TabsModule);let TabStory=class TabStory{constructor(){this.skeleton=!1,this.followFocus=!0,this.cacheActive=!1,this.isNavigation=!0,this.type="line"}};TabStory.propDecorators={skeleton:[{type:core.Input}],followFocus:[{type:core.Input}],cacheActive:[{type:core.Input}],isNavigation:[{type:core.Input}],type:[{type:core.Input}]},TabStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-header-group",template:'\n\t\t<cds-tab-header-group\n\t\t\t[type]="type"\n\t\t\t[followFocus]="followFocus"\n\t\t\t[cacheActive]="cacheActive"\n\t\t\t[isNavigation]="isNavigation">\n\t\t\t<button cdsTabHeader [paneReference]="content1">\n\t\t\t\tContent 1\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content2">\n\t\t\t\tContent 2\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content3" disabled="true">\n\t\t\t\tContent 3\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content4">\n\t\t\t\tContent 4\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content5">\n\t\t\t\tContent 5\n\t\t\t</button>\n\t\t</cds-tab-header-group>\n\n\t\t<cds-tab #content1>\n\t\t\tTab Content 1\n\t\t</cds-tab>\n\t\t<cds-tab #content2>\n\t\t\tTab Content 2\n\t\t</cds-tab>\n\t\t<cds-tab #content3>\n\t\t\tTab Content 3\n\t\t</cds-tab>\n\t\t<cds-tab #content4>\n\t\t\tTab Content 4\n\t\t</cds-tab>\n\t\t<cds-tab #content5>\n\t\t\tTab Content 5\n\t\t</cds-tab>\n\t'})],TabStory);const tabs_stories={title:"Components/Tabs",decorators:[(0,dist.moduleMetadata)({imports:[TabsModule],declarations:[TabStory]})]},Basic=(args=>({props:args,template:'\n <cds-tabs\n [type]="type"\n [followFocus]="followFocus"\n [isNavigation]="isNavigation"\n [cacheActive]="cacheActive">\n <cds-tab heading="one">Tab Content 1</cds-tab>\n <cds-tab heading="two">Tab Content 2</cds-tab>\n <cds-tab heading="three" [tabContent]="three"></cds-tab>\n <cds-tab heading="four" [tabContent]="four"></cds-tab>\n </cds-tabs>\n\n \x3c!-- Use templates if you would like to have lifecycle hooks called when cacheActive is false --\x3e\n <ng-template #three>\n Tab Content 3\n </ng-template>\n\n <ng-template #four>\n Tab Content 4\n </ng-template>\n '})).bind({});Basic.args={followFocus:!0,cacheActive:!0,isNavigation:!1,type:"inline"},Basic.argTypes={type:{options:["inline","contained"],control:"radio"}};const With=(args=>({props:args,template:'\n <ng-template #customTabs let-item>\n {{item ? item.name : "wait for it"}}\n </ng-template>\n <ng-template #iconTab>\n <div style="height: 14px;">\n Something custom\n <svg width="16" height="16" viewBox="0 0 16 16"\n style="height: 14px; width: 14px; fill: #3d70b2;">\n <path d="M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>\n <path d="M9 13H7V7h2z"></path>\n <path d="M7 4a1 1 0 1 1 2 0 1 1 0 1 1-2 0"></path>\n </svg>\n </div>\n </ng-template>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab\n ngFor="let item of data; let i = index;"\n [heading]="customTabs"\n title="Tab Content"\n [context]="item">\n Tab Content {{i + 1}}\n </cds-tab>\n <cds-tab [heading]="iconTab" title="Custom tab content">Tab Content Custom</cds-tab>\n </cds-tabs>\n '})).bind({});With.storyName="With template",With.args={followFocus:!0,isNavigation:!1,data:[{name:"one"},{name:"two"},{name:"three"}]},With.argTypes={...Basic.argTypes};const BeforeAndAfter=(args=>({props:args,template:'\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">before</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">after</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span after>content after</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">both</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n <span after>content after</span>\n </cds-tabs>\n '})).bind({});BeforeAndAfter.storyName="Width before and after content",BeforeAndAfter.args={followFocus:!0,isNavigation:!1},BeforeAndAfter.argTypes={...Basic.argTypes};const TabheaderGroup=(args=>({props:args,template:'\n \x3c!--\n app-* components are for demo purposes only.\n You can create your own implementation by using the component source found at:\n https://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n --\x3e\n <app-header-group\n [type]="type"\n [followFocus]="followFocus"\n [cacheActive]="cacheActive"\n [isNavigation]="isNavigation">\n </app-header-group>\n '})).bind({});TabheaderGroup.args={...Basic.args},TabheaderGroup.argTypes={...Basic.argTypes};const Skeleton=(args=>({props:args,template:'\n <cds-tabs skeleton="true">\n <cds-tab></cds-tab>\n <cds-tab></cds-tab>\n </cds-tabs>\n\n <div style="margin-top: 5rem">\n <p>Tab skeleton component for cds-tab-header-group:</p>\n <cds-tabs-skeleton></cds-tabs-skeleton>\n </div>\n '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-tabs\n [type]="type"\n [followFocus]="followFocus"\n [isNavigation]="isNavigation"\n [cacheActive]="cacheActive">\n <cds-tab heading="one">Tab Content 1</cds-tab>\n <cds-tab heading="two">Tab Content 2</cds-tab>\n <cds-tab heading="three" [tabContent]="three"></cds-tab>\n <cds-tab heading="four" [tabContent]="four"></cds-tab>\n </cds-tabs>\n\n \x3c!-- Use templates if you would like to have lifecycle hooks called when cacheActive is false --\x3e\n <ng-template #three>\n Tab Content 3\n </ng-template>\n\n <ng-template #four>\n Tab Content 4\n </ng-template>\n `\n})',...Basic.parameters?.docs?.source}}},With.parameters={...With.parameters,docs:{...With.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <ng-template #customTabs let-item>\n {{item ? item.name : "wait for it"}}\n </ng-template>\n <ng-template #iconTab>\n <div style="height: 14px;">\n Something custom\n <svg width="16" height="16" viewBox="0 0 16 16"\n style="height: 14px; width: 14px; fill: #3d70b2;">\n <path d="M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>\n <path d="M9 13H7V7h2z"></path>\n <path d="M7 4a1 1 0 1 1 2 0 1 1 0 1 1-2 0"></path>\n </svg>\n </div>\n </ng-template>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab\n ngFor="let item of data; let i = index;"\n [heading]="customTabs"\n title="Tab Content"\n [context]="item">\n Tab Content {{i + 1}}\n </cds-tab>\n <cds-tab [heading]="iconTab" title="Custom tab content">Tab Content Custom</cds-tab>\n </cds-tabs>\n `\n})',...With.parameters?.docs?.source}}},BeforeAndAfter.parameters={...BeforeAndAfter.parameters,docs:{...BeforeAndAfter.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">before</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">after</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span after>content after</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">both</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n <span after>content after</span>\n </cds-tabs>\n `\n})',...BeforeAndAfter.parameters?.docs?.source}}},TabheaderGroup.parameters={...TabheaderGroup.parameters,docs:{...TabheaderGroup.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n \x3c!--\n app- components are for demo purposes only.\n You can create your own implementation by using the component source found at:\n https://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n --\x3e\n <app-header-group\n [type]="type"\n [followFocus]="followFocus"\n [cacheActive]="cacheActive"\n [isNavigation]="isNavigation">\n </app-header-group>\n `\n})',...TabheaderGroup.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-tabs skeleton="true">\n <cds-tab></cds-tab>\n <cds-tab></cds-tab>\n </cds-tabs>\n\n <div style="margin-top: 5rem">\n <p>Tab skeleton component for cds-tab-header-group:</p>\n <cds-tabs-skeleton></cds-tabs-skeleton>\n </div>\n `\n})',...Skeleton.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","With","BeforeAndAfter","TabheaderGroup","Skeleton"]}}]);
1	+ "use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular\|\|[]).push([[459],{"./node_modules/@carbon/utils-position/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _a,PLACEMENTS;__webpack_require__.d(__webpack_exports__,{FK:()=>position,ZP:()=>__WEBPACK_DEFAULT_EXPORT__}),function(PLACEMENTS){PLACEMENTS.LEFT="left",PLACEMENTS.RIGHT="right",PLACEMENTS.TOP="top",PLACEMENTS.BOTTOM="bottom"}(PLACEMENTS\|\|(PLACEMENTS={}));var defaultPositions=((_a={})[PLACEMENTS.LEFT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left-target.offsetWidth)}},_a[PLACEMENTS.RIGHT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left+referenceRect.width)}},_a[PLACEMENTS.TOP]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top-target.offsetHeight),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a[PLACEMENTS.BOTTOM]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top+referenceRect.height),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a),windowRef="undefined"!=typeof window?window:{innerHeight:0,scrollY:0,innerWidth:0,scrollX:0},Position=function(){function Position(positions){void 0===positions&&(positions={}),this.positions=defaultPositions,this.positions=Object.assign({},defaultPositions,positions)}return Position.prototype.getRelativeOffset=function(target){for(var offsets={left:target.offsetLeft,top:target.offsetTop};target.offsetParent&&"static"===getComputedStyle(target.offsetParent).position;)offsets.left+=target.offsetLeft,offsets.top+=target.offsetTop,target=target.offsetParent;return offsets},Position.prototype.getAbsoluteOffset=function(target){for(var currentNode=target,margins={top:0,left:0};currentNode.offsetParent;){var computed=getComputedStyle(currentNode.offsetParent);"static"===computed.position&&computed.marginLeft&&computed.marginTop&&(parseInt(computed.marginTop,10)&&(margins.top+=parseInt(computed.marginTop,10)),parseInt(computed.marginLeft,10)&&(margins.left+=parseInt(computed.marginLeft,10))),currentNode=currentNode.offsetParent}var targetRect=target.getBoundingClientRect(),relativeRect=document.body.getBoundingClientRect();return{top:targetRect.top-relativeRect.top+margins.top,left:targetRect.left-relativeRect.left+margins.left}},Position.prototype.findRelative=function(reference,target,placement){var referenceOffset=this.getRelativeOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findAbsolute=function(reference,target,placement){var referenceOffset=this.getAbsoluteOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPosition=function(reference,target,placement,offsetFunction){void 0===offsetFunction&&(offsetFunction=this.getAbsoluteOffset.bind(this));var referenceOffset=offsetFunction(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPositionAt=function(offset,target,placement){return this.calculatePosition(offset,{top:0,left:0,height:0,width:0},target,placement)},Position.prototype.getPlacementBox=function(target,position){var targetBottom=target.offsetHeight+position.top,targetRight=target.offsetWidth+position.left;return{top:position.top,bottom:targetBottom,left:position.left,right:targetRight}},Position.prototype.addOffset=function(position,top,left){return void 0===top&&(top=0),void 0===left&&(left=0),Object.assign({},position,{top:position.top+top,left:position.left+left})},Position.prototype.setElement=function(element,position){element.style.top=position.top+"px",element.style.left=position.left+"px"},Position.prototype.findBestPlacement=function(reference,target,placements,containerFunction,positionFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this)),void 0===positionFunction&&(positionFunction=this.findPosition.bind(this));var weightedPlacements=placements.map((function(placement){var pos=positionFunction(reference,target,placement),box=_this.getPlacementBox(target,pos),hiddenHeight=0,hiddenWidth=0,container=containerFunction();box.top<container.top?hiddenHeight=container.top-box.top:box.bottom>container.height&&(hiddenHeight=box.bottom-container.height),box.left<container.left?hiddenWidth=container.left-box.left:box.right>container.width&&(hiddenWidth=box.right-container.width),hiddenHeight&&!hiddenWidth?hiddenWidth=1:hiddenWidth&&!hiddenHeight&&(hiddenHeight=1);var area=target.offsetHeighttarget.offsetWidth;return{placement,weight:(area-hiddenHeighthiddenWidth)/area}}));return weightedPlacements.sort((function(a,b){return b.weight-a.weight})),weightedPlacements[0].placement},Position.prototype.findBestPlacementAt=function(offset,target,placements,containerFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this));return this.findBestPlacement(null,target,placements,containerFunction,(function(_,target,placement){return _this.findPositionAt(offset,target,placement)}))},Position.prototype.defaultContainerFunction=function(){return{top:0,left:0,height:windowRef.innerHeight,width:windowRef.innerWidth}},Position.prototype.calculatePosition=function(referenceOffset,referenceRect,target,placement){return this.positions[placement]?this.positions[placement](referenceOffset,target,referenceRect):(console.error("No function found for placement, defaulting to 0,0"),{left:0,top:0})},Position}(),position=new Position;const __WEBPACK_DEFAULT_EXPORT__=Position},"./node_modules/@storybook/angular/dist/client/argsToTemplate.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.argsToTemplate=void 0,exports.argsToTemplate=function argsToTemplate(args,options={}){const includeSet=options.include?new Set(options.include):null,excludeSet=options.exclude?new Set(options.exclude):null;return Object.entries(args).filter((([key])=>void 0!==args[key])).filter((([key])=>includeSet?includeSet.has(key):!excludeSet\|\|!excludeSet.has(key))).map((([key,value])=>"function"==typeof value?`(${key})="${key}($event)"`:`[${key}]="${key}"`)).join(" ")}},"./node_modules/@storybook/angular/dist/client/decorators.js":(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentWrapperDecorator=exports.applicationConfig=exports.moduleMetadata=void 0;const ComputesTemplateFromComponent_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/ComputesTemplateFromComponent.js"),NgComponentAnalyzer_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/angular-beta/utils/NgComponentAnalyzer.js");exports.moduleMetadata=metadata=>storyFn=>{const story=storyFn(),storyMetadata=story.moduleMetadata\|\|{};return metadata=metadata\|\|{},{...story,moduleMetadata:{declarations:[...metadata.declarations\|\|[],...storyMetadata.declarations\|\|[]],entryComponents:[...metadata.entryComponents\|\|[],...storyMetadata.entryComponents\|\|[]],imports:[...metadata.imports\|\|[],...storyMetadata.imports\|\|[]],schemas:[...metadata.schemas\|\|[],...storyMetadata.schemas\|\|[]],providers:[...metadata.providers\|\|[],...storyMetadata.providers\|\|[]]}}},exports.applicationConfig=function applicationConfig(config){return storyFn=>{const story=storyFn(),storyConfig=story.applicationConfig;return{...story,applicationConfig:storyConfig\|\|config?{...config,...storyConfig,providers:[...config?.providers\|\|[],...storyConfig?.providers\|\|[]]}:void 0}}};exports.componentWrapperDecorator=(element,props)=>(storyFn,storyContext)=>{const story=storyFn(),currentProps="function"==typeof props?props(storyContext):props,template=(0,NgComponentAnalyzer_1.isComponent)(element)?(0,ComputesTemplateFromComponent_1.computesTemplateFromComponent)(element,currentProps??{},story.template):element(story.template);return{...story,template,...currentProps\|\|story.props?{props:{...currentProps,...story.props}}:{}}}},"./node_modules/@storybook/angular/dist/client/index.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding\|\|(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable\|\|desc.configurable)\|\|(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar\|\|function(m,exports){for(var p in m)"default"===p\|\|Object.prototype.hasOwnProperty.call(exports,p)\|\|__createBinding(exports,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.argsToTemplate=exports.applicationConfig=exports.componentWrapperDecorator=exports.moduleMetadata=void 0,__webpack_require__("./node_modules/@storybook/angular/dist/client/globals.js"),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-api.js"),exports),__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);var decorators_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/decorators.js");Object.defineProperty(exports,"moduleMetadata",{enumerable:!0,get:function(){return decorators_1.moduleMetadata}}),Object.defineProperty(exports,"componentWrapperDecorator",{enumerable:!0,get:function(){return decorators_1.componentWrapperDecorator}}),Object.defineProperty(exports,"applicationConfig",{enumerable:!0,get:function(){return decorators_1.applicationConfig}});var argsToTemplate_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/argsToTemplate.js");Object.defineProperty(exports,"argsToTemplate",{enumerable:!0,get:function(){return argsToTemplate_1.argsToTemplate}})},"./node_modules/@storybook/angular/dist/client/public-api.js":function(__unused_webpack_module,exports,__webpack_require__){var __createBinding=this&&this.__createBinding\|\|(Object.create?function(o,m,k,k2){void 0===k2&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);desc&&!("get"in desc?!m.__esModule:desc.writable\|\|desc.configurable)\|\|(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){void 0===k2&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar\|\|function(m,exports){for(var p in m)"default"===p\|\|Object.prototype.hasOwnProperty.call(exports,p)\|\|__createBinding(exports,m,p)},__importDefault=this&&this.__importDefault\|\|function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.raw=exports.forceReRender=exports.configure=exports.storiesOf=void 0;const preview_api_1=__webpack_require__("@storybook/preview-api"),render_1=__webpack_require__("./node_modules/@storybook/angular/dist/client/render.js"),decorateStory_1=__importDefault(__webpack_require__("./node_modules/@storybook/angular/dist/client/decorateStory.js"));__exportStar(__webpack_require__("./node_modules/@storybook/angular/dist/client/public-types.js"),exports);const api=(0,preview_api_1.start)(render_1.renderToCanvas,{decorateStory:decorateStory_1.default,render:render_1.render});exports.storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({renderer:"angular"});exports.configure=(...args)=>api.configure("angular",...args),exports.forceReRender=api.forceReRender,exports.raw=api.clientApi.raw},"./node_modules/@storybook/angular/dist/client/public-types.js":(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0})},"./node_modules/@storybook/angular/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _client_index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/client/index.js");__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"applicationConfig")&&__webpack_require__.d(__webpack_exports__,{applicationConfig:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.applicationConfig}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"componentWrapperDecorator")&&__webpack_require__.d(__webpack_exports__,{componentWrapperDecorator:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.componentWrapperDecorator}}),__webpack_require__.o(_client_index__WEBPACK_IMPORTED_MODULE_0__,"moduleMetadata")&&__webpack_require__.d(__webpack_exports__,{moduleMetadata:function(){return _client_index__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata}})},"./src/tabs/tabs.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,BeforeAndAfter:()=>BeforeAndAfter,Skeleton:()=>Skeleton,TabheaderGroup:()=>TabheaderGroup,With:()=>With,__namedExportsOrder:()=>__namedExportsOrder,default:()=>tabs_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),utils=__webpack_require__("./src/utils/index.ts");let BaseTabHeader=class BaseTabHeader{constructor(elementRef,changeDetectorRef,eventService,renderer){this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.eventService=eventService,this.renderer=renderer,this.cacheActive=!1,this.type="line",this.theme="dark",this.tabsClass=!0,this.OVERFLOW_BUTTON_OFFSET=44,this.longPressMultiplier=3,this.clickMultiplier=1.5,this.longPressInterval=null,this.tickInterval=null}get containedClass(){return"contained"===this.type}get themeClass(){return"light"===this.theme}get hasHorizontalOverflow(){const tabList=this.headerContainer.nativeElement;return tabList.scrollWidth>tabList.clientWidth}get leftOverflowNavButtonHidden(){const tabList=this.headerContainer.nativeElement;return!this.hasHorizontalOverflow\|\|!tabList.scrollLeft}get rightOverflowNavButtonHidden(){const tabList=this.headerContainer.nativeElement;return!this.hasHorizontalOverflow\|\|tabList.scrollLeft+tabList.clientWidth===tabList.scrollWidth}handleScroll(){this.changeDetectorRef.markForCheck()}handleOverflowNavClick(direction,numOftabs=0){const tabList=this.headerContainer.nativeElement,{clientWidth,scrollLeft,scrollWidth}=tabList;direction>0?tabList.scrollLeft=Math.min(scrollLeft+scrollWidth/numOftabsthis.clickMultiplier,scrollWidth-clientWidth):direction<0&&(tabList.scrollLeft=Math.max(scrollLeft-scrollWidth/numOftabsthis.clickMultiplier,0))}handleOverflowNavMouseDown(direction){const tabList=this.headerContainer.nativeElement;this.longPressInterval=setTimeout((()=>(this.renderer.setStyle(tabList,"scroll-behavior","auto"),this.tickInterval=setInterval((()=>{if(tabList.scrollLeft+=directionthis.longPressMultiplier,this.leftOverflowNavButtonHidden\|\|this.rightOverflowNavButtonHidden)return()=>{clearInterval(this.tickInterval),this.handleOverflowNavMouseUp()}})),()=>clearInterval(this.longPressInterval))),500)}handleOverflowNavMouseUp(){clearInterval(this.tickInterval),clearTimeout(this.longPressInterval),this.renderer.setStyle(this.headerContainer.nativeElement,"scroll-behavior","smooth")}};BaseTabHeader.ctorParameters=()=>[{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:utils.PO},{type:core.Renderer2}],BaseTabHeader.propDecorators={cacheActive:[{type:core.Input}],followFocus:[{type:core.Input}],ariaLabel:[{type:core.Input}],ariaLabelledby:[{type:core.Input}],contentBefore:[{type:core.Input}],contentAfter:[{type:core.Input}],type:[{type:core.Input}],theme:[{type:core.Input}],tabsClass:[{type:core.HostBinding,args:["class.cds--tabs"]}],containedClass:[{type:core.HostBinding,args:["class.cds--tabs--contained"]}],themeClass:[{type:core.HostBinding,args:["class.cds--tabs--light"]}],headerContainer:[{type:core.ViewChild,args:["tabList",{static:!0}]}]},BaseTabHeader=(0,tslib_es6.gn)([(0,core.Component)({template:""})],BaseTabHeader);var Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js");let TabHeader=class TabHeader{constructor(host){this.host=host,this.active=!1,this.disabled=!1,this.type="button",this.ariaSelected=this.active,this.ariaDisabled=this.disabled,this.navItem=!0,this.navLink=!0,this.selected=new core.EventEmitter,this._cacheActive=!1}get tabIndex(){return this.active?0:-1}get isSelected(){return this.active}get isDisabled(){return this.disabled}set cacheActive(shouldCache){this._cacheActive=shouldCache,this.paneReference&&(this.paneReference.cacheActive=this.cacheActive)}set paneTabIndex(tabIndex){this.paneReference&&(this.paneReference.tabIndex=tabIndex)}get cacheActive(){return this._cacheActive}onClick(){this.selectTab()}ngAfterViewInit(){setTimeout((()=>{this.title=this.title?this.title:this.host.nativeElement.textContent}))}selectTab(){this.focus(),this.disabled\|\|(this.selected.emit(),this.active=!0,this.paneReference&&(this.paneReference.active=!0))}focus(){this.host.nativeElement.focus()}};TabHeader.ctorParameters=()=>[{type:core.ElementRef}],TabHeader.propDecorators={tabIndex:[{type:core.HostBinding,args:["attr.tabIndex"]}],isSelected:[{type:core.HostBinding,args:["class.cds--tabs__nav-item--selected"]}],isDisabled:[{type:core.HostBinding,args:["class.cds--tabs__nav-item--disabled"]}],cacheActive:[{type:core.Input}],paneTabIndex:[{type:core.Input}],active:[{type:core.Input}],disabled:[{type:core.Input}],type:[{type:core.HostBinding,args:["attr.type"]}],ariaSelected:[{type:core.HostBinding,args:["attr.aria-selected"]}],ariaDisabled:[{type:core.HostBinding,args:["attr.aria-disabled"]}],navItem:[{type:core.HostBinding,args:["class.cds--tabs__nav-item"]}],navLink:[{type:core.HostBinding,args:["class.cds--tabs__nav-link"]}],paneReference:[{type:core.Input}],title:[{type:core.HostBinding,args:["attr.title"]},{type:core.Input}],selected:[{type:core.Output}],onClick:[{type:core.HostListener,args:["click"]}]},TabHeader=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsTabHeader], [ibmTabHeader]"})],TabHeader);let TabHeaderGroup=class TabHeaderGroup extends BaseTabHeader{constructor(elementRef,changeDetectorRef,eventService,renderer){super(elementRef,changeDetectorRef,eventService,renderer),this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.eventService=eventService,this.renderer=renderer,this.isNavigation=!1,this.selectedSubscriptionTracker=new Subscription.w0,this.currentSelectedTab=0}keyboardInput(event){let tabHeadersArray=this.tabHeaderQuery.toArray();"ArrowRight"===event.key&&(this.currentSelectedTab<tabHeadersArray.length-1?(event.preventDefault(),this.followFocus&&!tabHeadersArray[this.currentSelectedTab+1].disabled?tabHeadersArray[this.currentSelectedTab+1].selectTab():(tabHeadersArray[this.currentSelectedTab+1].focus(),this.currentSelectedTab++)):(event.preventDefault(),this.followFocus&&!tabHeadersArray[0].disabled?tabHeadersArray[0].selectTab():(tabHeadersArray[0].focus(),this.currentSelectedTab=0))),"ArrowLeft"===event.key&&(this.currentSelectedTab>0?(event.preventDefault(),this.followFocus&&!tabHeadersArray[this.currentSelectedTab-1].disabled?tabHeadersArray[this.currentSelectedTab-1].selectTab():(tabHeadersArray[this.currentSelectedTab-1].focus(),this.currentSelectedTab--)):(event.preventDefault(),this.followFocus&&!tabHeadersArray[tabHeadersArray.length-1].disabled?tabHeadersArray[tabHeadersArray.length-1].selectTab():(tabHeadersArray[tabHeadersArray.length-1].focus(),this.currentSelectedTab=tabHeadersArray.length-1))),"Home"===event.key&&(event.preventDefault(),this.followFocus&&!tabHeadersArray[0].disabled?tabHeadersArray[0].selectTab():(tabHeadersArray[0].focus(),this.currentSelectedTab=0)),"End"===event.key&&(event.preventDefault(),this.followFocus&&!tabHeadersArray[tabHeadersArray.length-1].disabled?tabHeadersArray[tabHeadersArray.length-1].selectTab():(tabHeadersArray[tabHeadersArray.length-1].focus(),this.currentSelectedTab=tabHeadersArray.length-1))," "!==event.key\|\|this.followFocus\|\|tabHeadersArray[this.currentSelectedTab].selectTab()}ngOnInit(){this.eventService.on(window,"resize",(()=>this.handleScroll()))}ngAfterContentInit(){this.selectedSubscriptionTracker.unsubscribe(),this.tabHeaderQuery&&this.tabHeaderQuery.toArray().forEach((tabHeader=>{tabHeader.cacheActive=this.cacheActive,tabHeader.paneTabIndex=this.isNavigation?null:0}));const selectedSubscriptions=this.tabHeaderQuery.toArray().forEach((tabHeader=>{tabHeader.selected.subscribe((()=>{this.currentSelectedTab=this.tabHeaderQuery.toArray().indexOf(tabHeader),this.tabHeaderQuery.toArray().filter((header=>header!==tabHeader)).forEach((filteredHeader=>{filteredHeader.active=!1,filteredHeader.paneReference&&(filteredHeader.paneReference.active=!1)}))}))}));this.selectedSubscriptionTracker.add(selectedSubscriptions),setTimeout((()=>this.tabHeaderQuery.toArray()[this.currentSelectedTab].selectTab()))}ngOnChanges(changes){this.tabHeaderQuery&&(changes.cacheActive&&this.tabHeaderQuery.toArray().forEach((tabHeader=>tabHeader.cacheActive=this.cacheActive)),changes.isNavigation&&this.tabHeaderQuery.toArray().forEach((tabHeader=>tabHeader.paneTabIndex=this.isNavigation?null:0)))}getSelectedTab(){const selected=this.tabHeaderQuery.toArray()[this.currentSelectedTab];return selected\|\|{headingIsTemplate:!1,heading:""}}};TabHeaderGroup.ctorParameters=()=>[{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:utils.PO},{type:core.Renderer2}],TabHeaderGroup.propDecorators={isNavigation:[{type:core.Input}],tabHeaderQuery:[{type:core.ContentChildren,args:[TabHeader]}],headerContainer:[{type:core.ViewChild,args:["tabList",{static:!0}]}],keyboardInput:[{type:core.HostListener,args:["keydown",["$event"]]}]},TabHeaderGroup=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tab-header-group, ibm-tab-header-group",template:'\n\t\t<button\n\t\t\ttype="button"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--previous"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': leftOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t(click)="handleOverflowNavClick(-1, tabHeaderQuery.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(-1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\t(pointercancel)="handleOverflowNavMouseUp()">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M5 8L10 3 10.7 3.7 6.4 8 10.7 12.3 10 13z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t\t<div\n\t\t\tclass="cds--tab--list"\n\t\t\trole="tablist"\n\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t(scroll)="handleScroll()"\n\t\t\t#tabList>\n\t\t\t<ng-container [ngTemplateOutlet]="contentBefore"></ng-container>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-container [ngTemplateOutlet]="contentAfter"></ng-container>\n\t\t</div>\n\t\t<button\n\t\t\ttype="button"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--next"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': rightOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t(click)="handleOverflowNavClick(1, tabHeaderQuery.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\t(pointercancel)="handleOverflowNavMouseUp()">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t'})],TabHeaderGroup);var i18n=__webpack_require__("./src/i18n/index.ts");let Tab=class Tab{constructor(){this.headingIsTemplate=!1,this.active=!1,this.disabled=!1,this.tabIndex=0,this.id="n-tab-"+Tab.counter++,this.selected=new core.EventEmitter,this._cacheActive=!1}set cacheActive(shouldCache){this._cacheActive=shouldCache}get cacheActive(){return this._cacheActive}ngOnInit(){this.heading instanceof core.TemplateRef&&(this.headingIsTemplate=!0)}doSelect(){this.selected.emit()}shouldRender(){return this.active\|\|this.cacheActive}isTemplate(value){return value instanceof core.TemplateRef}};Tab.counter=0,Tab.propDecorators={heading:[{type:core.Input}],title:[{type:core.Input}],context:[{type:core.Input}],active:[{type:core.Input}],disabled:[{type:core.Input}],tabIndex:[{type:core.Input}],id:[{type:core.Input}],cacheActive:[{type:core.Input}],tabContent:[{type:core.Input}],templateContext:[{type:core.Input}],selected:[{type:core.Output}]},Tab=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tab, ibm-tab",template:'\n\t\t<div\n\t\t\t[attr.tabindex]="tabIndex"\n\t\t\trole="tabpanel"\n\t\t\tngIf="shouldRender()"\n\t\t\tclass="cds--tab-content"\n\t\t\t[id]="id"\n\t\t\t[ngStyle]="{\'display\': active ? null : \'none\'}"\n\t\t\t[attr.aria-labelledby]="id + \'-header\'"\n\t\t\taria-live="polite">\n\t\t\t<ng-template\n\t\t\t\tngIf="isTemplate(tabContent)"\n\t\t\t\t[ngTemplateOutlet]="tabContent"\n\t\t\t\t[ngTemplateOutletContext]="{ $implicit: templateContext }">\n\t\t\t</ng-template>\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t'})],Tab);let TabHeaders=class TabHeaders extends BaseTabHeader{constructor(elementRef,changeDetectorRef,eventService,renderer,i18n){super(elementRef,changeDetectorRef,eventService,renderer),this.elementRef=elementRef,this.changeDetectorRef=changeDetectorRef,this.eventService=eventService,this.renderer=renderer,this.i18n=i18n,this.translations=this.i18n.get().TABS,this.firstVisibleTab=0}keyboardInput(event){let tabsArray=this.tabs.toArray();"ArrowRight"===event.key&&(this.currentSelectedTab<this.allTabHeaders.length-1?(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.currentSelectedTab+1],this.currentSelectedTab),this.allTabHeaders.toArray()[this.currentSelectedTab+1].nativeElement.focus()):(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[0],0),this.allTabHeaders.first.nativeElement.focus())),"ArrowLeft"===event.key&&(this.currentSelectedTab>0?(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.currentSelectedTab-1],this.currentSelectedTab),this.allTabHeaders.toArray()[this.currentSelectedTab-1].nativeElement.focus()):(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.allTabHeaders.length-1],this.allTabHeaders.length),this.allTabHeaders.toArray()[this.allTabHeaders.length-1].nativeElement.focus())),"Home"===event.key&&(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[0],0),this.allTabHeaders.toArray()[0].nativeElement.focus()),"End"===event.key&&(event.preventDefault(),this.followFocus&&this.selectTab(event.target,tabsArray[this.allTabHeaders.length-1],this.allTabHeaders.length),this.allTabHeaders.toArray()[this.allTabHeaders.length-1].nativeElement.focus())," "!==event.key&&"Spacebar"!==event.key\|\|this.followFocus\|\|this.selectTab(event.target,tabsArray[this.currentSelectedTab],this.currentSelectedTab)}ngOnInit(){this.resizeObserver=new ResizeObserver((()=>{this.changeDetectorRef.detectChanges()})),this.resizeObserver.observe(this.headerContainer.nativeElement)}ngOnDestroy(){this.resizeObserver.unobserve(this.headerContainer.nativeElement)}ngAfterContentInit(){this.tabInput?this.tabs=this.tabInput:this.tabs=this.tabQuery,this.tabs.forEach((tab=>tab.cacheActive=this.cacheActive)),this.tabs.changes.subscribe((()=>{this.setFirstTab()})),this.setFirstTab()}ngOnChanges(changes){this.tabs&&changes.cacheActive&&this.tabs.forEach((tab=>tab.cacheActive=this.cacheActive))}onTabFocus(ref,index){this.currentSelectedTab=index,this.headerContainer.nativeElement.parentElement.scrollLeft=0}getSelectedTab(){const selected=this.tabs.find((tab=>tab.active));return selected\|\|{headingIsTemplate:!1,heading:""}}selectTab(ref,tab,tabIndex){tab.disabled\|\|(this.currentSelectedTab=tabIndex,this.tabs.forEach((_tab=>_tab.active=!1)),tab.active=!0,tab.doSelect())}setFirstTab(){setTimeout((()=>{let firstTab=this.tabs.find((tab=>tab.active));!firstTab&&this.tabs.first&&(firstTab=this.tabs.first,firstTab.active=!0),firstTab&&firstTab.doSelect()}))}};TabHeaders.ctorParameters=()=>[{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:utils.PO},{type:core.Renderer2},{type:i18n.oc}],TabHeaders.propDecorators={tabInput:[{type:core.Input,args:["tabs"]}],translations:[{type:core.Input}],headerContainer:[{type:core.ViewChild,args:["tabList",{static:!0}]}],tabQuery:[{type:core.ContentChildren,args:[Tab]}],allTabHeaders:[{type:core.ViewChildren,args:["tabItem"]}],keyboardInput:[{type:core.HostListener,args:["keydown",["$event"]]}]},TabHeaders=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tab-headers, ibm-tab-headers",template:'\n\t\t<button\n\t\t\ttype="button"\n\t\t\t(click)="handleOverflowNavClick(-1, tabs.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(-1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--previous"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': leftOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t[title]="translations.BUTTON_ARIA_LEFT">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M5 8L10 3 10.7 3.7 6.4 8 10.7 12.3 10 13z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t\t<div\n\t\t\t#tabList\n\t\t\tclass="cds--tab--list"\n\t\t\trole="tablist"\n\t\t\t[attr.aria-label]="ariaLabel \|\| translations.HEADER_ARIA_LABEL"\n\t\t\t(scroll)="handleScroll()">\n\t\t\t<ng-container [ngTemplateOutlet]="contentBefore"></ng-container>\n\t\t\t<button\n\t\t\t\tngFor="let tab of tabs; let i = index;"\n\t\t\t\t#tabItem\n\t\t\t\trole="tab"\n\t\t\t\t[attr.aria-selected]="tab.active"\n\t\t\t\t[attr.tabindex]="(tab.active?0:-1)"\n\t\t\t\t[attr.aria-controls]="tab.id"\n\t\t\t\t[attr.aria-disabled]="tab.disabled"\n\t\t\t\t[ngClass]="{\n\t\t\t\t\t\'cds--tabs__nav-item--selected\': tab.active,\n\t\t\t\t\t\'cds--tabs__nav-item--disabled\': tab.disabled\n\t\t\t\t}"\n\t\t\t\tclass="cds--tabs__nav-item cds--tabs__nav-link"\n\t\t\t\ttype="button"\n\t\t\t\tdraggable="false"\n\t\t\t\tid="{{tab.id}}-header"\n\t\t\t\t(focus)="onTabFocus(tabItem, i)"\n\t\t\t\t(click)="selectTab(tabItem, tab, i)">\n\t\t\t\t<ng-container ngIf="!tab.headingIsTemplate">\n\t\t\t\t\t{{ tab.heading }}\n\t\t\t\t</ng-container>\n\t\t\t\t<ng-template\n\t\t\t\t\tngIf="tab.headingIsTemplate"\n\t\t\t\t\t[ngTemplateOutlet]="tab.heading"\n\t\t\t\t\t[ngTemplateOutletContext]="{$implicit: tab.context}">\n\t\t\t\t</ng-template>\n\t\t\t</button>\n\t\t\t<ng-container [ngTemplateOutlet]="contentAfter"></ng-container>\n\t\t</div>\n\t\t<button\n\t\t\ttype="button"\n\t\t\t(click)="handleOverflowNavClick(1, tabs.length)"\n\t\t\t(pointerdown)="handleOverflowNavMouseDown(1)"\n\t\t\t(pointerup)="handleOverflowNavMouseUp()"\n\t\t\t(pointerleave)="handleOverflowNavMouseUp()"\n\t\t\t(pointerout)="handleOverflowNavMouseUp()"\n\t\t\tclass="cds--tab--overflow-nav-button cds--tab--overflow-nav-button--next"\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--tab--overflow-nav-button--hidden\': rightOverflowNavButtonHidden\n\t\t\t}"\n\t\t\t[title]="translations.BUTTON_ARIA_RIGHT">\n\t\t\t<svg\n\t\t\t\tfocusable="false"\n\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\tfill="currentColor"\n\t\t\t\twidth="16"\n\t\t\t\theight="16"\n\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\taria-hidden="true">\n\t\t\t\t<path d="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"></path>\n\t\t\t</svg>\n\t\t</button>\n\t'})],TabHeaders);let Tabs=class Tabs{constructor(){this.position="top",this.cacheActive=!1,this.followFocus=!0,this.isNavigation=!1,this.type="line",this.theme="dark",this.skeleton=!1}ngAfterContentInit(){this.tabHeaders&&(this.tabHeaders.cacheActive=this.cacheActive),this.tabs.forEach((tab=>{tab.tabIndex=this.isNavigation?null:0}))}ngOnChanges(changes){this.tabHeaders&&changes.cacheActive&&(this.tabHeaders.cacheActive=this.cacheActive),this.tabs&&changes.isNavigation&&this.tabs.forEach((tab=>{tab.tabIndex=this.isNavigation?null:0}))}hasTabHeaders(){return this.tabs.length>0}};Tabs.propDecorators={position:[{type:core.Input}],cacheActive:[{type:core.Input}],followFocus:[{type:core.Input}],isNavigation:[{type:core.Input}],ariaLabel:[{type:core.Input}],ariaLabelledby:[{type:core.Input}],type:[{type:core.Input}],theme:[{type:core.Input}],skeleton:[{type:core.Input}],tabs:[{type:core.ContentChildren,args:[Tab,{descendants:!1}]}],tabHeaders:[{type:core.ContentChild,args:[TabHeaders]}]},Tabs=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tabs, ibm-tabs",template:'\n\t\t<ng-container ngIf="skeleton">\n\t\t\t<cds-tabs-skeleton></cds-tabs-skeleton>\n\t\t</ng-container>\n\t\t<ng-container ngIf="!skeleton">\n\t\t\t<cds-tab-headers\n\t\t\t\tngIf="hasTabHeaders() && position === \'top\'"\n\t\t\t\t[theme]="theme"\n\t\t\t\t[tabs]="tabs"\n\t\t\t\t[followFocus]="followFocus"\n\t\t\t\t[cacheActive]="cacheActive"\n\t\t\t\t[contentBefore]="before"\n\t\t\t\t[contentAfter]="after"\n\t\t\t\t[ariaLabel]="ariaLabel"\n\t\t\t\t[ariaLabelledby]="ariaLabelledby"\n\t\t\t\t[type]="type">\n\t\t\t</cds-tab-headers>\n\t\t\t<ng-content></ng-content>\n\t\t\t<ng-template #before>\n\t\t\t\t<ng-content select="[before]"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<ng-template #after>\n\t\t\t\t<ng-content select="[after]"></ng-content>\n\t\t\t</ng-template>\n\t\t\t<cds-tab-headers\n\t\t\t\tngIf="hasTabHeaders() && position === \'bottom\'"\n\t\t\t\t[tabs]="tabs"\n\t\t\t\t[cacheActive]="cacheActive"\n\t\t\t\t[type]="type">\n\t\t\t</cds-tab-headers>\n\t\t</ng-container>\n\t'})],Tabs);let TabSkeleton=class TabSkeleton{constructor(){this.skeleton=!0,this.tabs=!0,this.numOfSkeletonTabs=new Array(5)}set numOftabs(num){this.numOfSkeletonTabs=new Array(num)}};TabSkeleton.propDecorators={numOftabs:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]}],tabs:[{type:core.HostBinding,args:["class.cds--tabs"]}]},TabSkeleton=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-tabs-skeleton, ibm-tabs-skeleton",template:'\n\t\t<ul class="cds--tabs__nav">\n\t\t\t<li\n\t\t\t\tngFor="let i of numOfSkeletonTabs"\n\t\t\t\tclass="cds--tabs__nav-item">\n\t\t\t\t<div class="cds--tabs__nav-link">\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>\n\t'})],TabSkeleton);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs");let TabsModule=class TabsModule{};TabsModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[BaseTabHeader,Tabs,Tab,TabHeader,TabHeaders,TabHeaderGroup,TabSkeleton],exports:[Tabs,Tab,TabHeader,TabHeaders,TabHeaderGroup,TabSkeleton],imports:[common.CommonModule,utils.As,i18n.LU]})],TabsModule);let TabStory=class TabStory{constructor(){this.skeleton=!1,this.followFocus=!0,this.cacheActive=!1,this.isNavigation=!0,this.type="line"}};TabStory.propDecorators={skeleton:[{type:core.Input}],followFocus:[{type:core.Input}],cacheActive:[{type:core.Input}],isNavigation:[{type:core.Input}],type:[{type:core.Input}]},TabStory=(0,tslib_es6.gn)([(0,core.Component)({selector:"app-header-group",template:'\n\t\t<cds-tab-header-group\n\t\t\t[type]="type"\n\t\t\t[followFocus]="followFocus"\n\t\t\t[cacheActive]="cacheActive"\n\t\t\t[isNavigation]="isNavigation">\n\t\t\t<button cdsTabHeader [paneReference]="content1">\n\t\t\t\tContent 1\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content2">\n\t\t\t\tContent 2\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content3" disabled="true">\n\t\t\t\tContent 3\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content4">\n\t\t\t\tContent 4\n\t\t\t</button>\n\t\t\t<button cdsTabHeader [paneReference]="content5">\n\t\t\t\tContent 5\n\t\t\t</button>\n\t\t</cds-tab-header-group>\n\n\t\t<cds-tab #content1>\n\t\t\tTab Content 1\n\t\t</cds-tab>\n\t\t<cds-tab #content2>\n\t\t\tTab Content 2\n\t\t</cds-tab>\n\t\t<cds-tab #content3>\n\t\t\tTab Content 3\n\t\t</cds-tab>\n\t\t<cds-tab #content4>\n\t\t\tTab Content 4\n\t\t</cds-tab>\n\t\t<cds-tab #content5>\n\t\t\tTab Content 5\n\t\t</cds-tab>\n\t'})],TabStory);const tabs_stories={title:"Components/Tabs",decorators:[(0,dist.moduleMetadata)({imports:[TabsModule],declarations:[TabStory]})]},Basic=(args=>({props:args,template:'\n <cds-tabs\n [type]="type"\n [followFocus]="followFocus"\n [isNavigation]="isNavigation"\n [cacheActive]="cacheActive">\n <cds-tab heading="one">Tab Content 1</cds-tab>\n <cds-tab heading="two">Tab Content 2</cds-tab>\n <cds-tab heading="three" [tabContent]="three"></cds-tab>\n <cds-tab heading="four" [tabContent]="four"></cds-tab>\n </cds-tabs>\n\n \x3c!-- Use templates if you would like to have lifecycle hooks called when cacheActive is false --\x3e\n <ng-template #three>\n Tab Content 3\n </ng-template>\n\n <ng-template #four>\n Tab Content 4\n </ng-template>\n '})).bind({});Basic.args={followFocus:!0,cacheActive:!0,isNavigation:!1,type:"inline"},Basic.argTypes={type:{options:["inline","contained"],control:"radio"}};const With=(args=>({props:args,template:'\n <ng-template #customTabs let-item>\n {{item ? item.name : "wait for it"}}\n </ng-template>\n <ng-template #iconTab>\n <div style="height: 14px;">\n Something custom\n <svg width="16" height="16" viewBox="0 0 16 16"\n style="height: 14px; width: 14px; fill: #3d70b2;">\n <path d="M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>\n <path d="M9 13H7V7h2z"></path>\n <path d="M7 4a1 1 0 1 1 2 0 1 1 0 1 1-2 0"></path>\n </svg>\n </div>\n </ng-template>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab\n ngFor="let item of data; let i = index;"\n [heading]="customTabs"\n title="Tab Content"\n [context]="item">\n Tab Content {{i + 1}}\n </cds-tab>\n <cds-tab [heading]="iconTab" title="Custom tab content">Tab Content Custom</cds-tab>\n </cds-tabs>\n '})).bind({});With.storyName="With template",With.args={followFocus:!0,isNavigation:!1,data:[{name:"one"},{name:"two"},{name:"three"}]},With.argTypes={...Basic.argTypes};const BeforeAndAfter=(args=>({props:args,template:'\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">before</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">after</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span after>content after</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">both</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n <span after>content after</span>\n </cds-tabs>\n '})).bind({});BeforeAndAfter.storyName="Width before and after content",BeforeAndAfter.args={followFocus:!0,isNavigation:!1},BeforeAndAfter.argTypes={...Basic.argTypes};const TabheaderGroup=(args=>({props:args,template:'\n \x3c!--\n app-* components are for demo purposes only.\n You can create your own implementation by using the component source found at:\n https://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n --\x3e\n <app-header-group\n [type]="type"\n [followFocus]="followFocus"\n [cacheActive]="cacheActive"\n [isNavigation]="isNavigation">\n </app-header-group>\n '})).bind({});TabheaderGroup.args={...Basic.args},TabheaderGroup.argTypes={...Basic.argTypes};const Skeleton=(args=>({props:args,template:'\n <cds-tabs skeleton="true">\n <cds-tab></cds-tab>\n <cds-tab></cds-tab>\n </cds-tabs>\n\n <div style="margin-top: 5rem">\n <p>Tab skeleton component for cds-tab-header-group:</p>\n <cds-tabs-skeleton></cds-tabs-skeleton>\n </div>\n '})).bind({});Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-tabs\n [type]="type"\n [followFocus]="followFocus"\n [isNavigation]="isNavigation"\n [cacheActive]="cacheActive">\n <cds-tab heading="one">Tab Content 1</cds-tab>\n <cds-tab heading="two">Tab Content 2</cds-tab>\n <cds-tab heading="three" [tabContent]="three"></cds-tab>\n <cds-tab heading="four" [tabContent]="four"></cds-tab>\n </cds-tabs>\n\n \x3c!-- Use templates if you would like to have lifecycle hooks called when cacheActive is false --\x3e\n <ng-template #three>\n Tab Content 3\n </ng-template>\n\n <ng-template #four>\n Tab Content 4\n </ng-template>\n `\n})',...Basic.parameters?.docs?.source}}},With.parameters={...With.parameters,docs:{...With.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <ng-template #customTabs let-item>\n {{item ? item.name : "wait for it"}}\n </ng-template>\n <ng-template #iconTab>\n <div style="height: 14px;">\n Something custom\n <svg width="16" height="16" viewBox="0 0 16 16"\n style="height: 14px; width: 14px; fill: #3d70b2;">\n <path d="M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>\n <path d="M9 13H7V7h2z"></path>\n <path d="M7 4a1 1 0 1 1 2 0 1 1 0 1 1-2 0"></path>\n </svg>\n </div>\n </ng-template>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab\n ngFor="let item of data; let i = index;"\n [heading]="customTabs"\n title="Tab Content"\n [context]="item">\n Tab Content {{i + 1}}\n </cds-tab>\n <cds-tab [heading]="iconTab" title="Custom tab content">Tab Content Custom</cds-tab>\n </cds-tabs>\n `\n})',...With.parameters?.docs?.source}}},BeforeAndAfter.parameters={...BeforeAndAfter.parameters,docs:{...BeforeAndAfter.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">before</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">after</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span after>content after</span>\n </cds-tabs>\n <div style="font-weight: 600; padding-bottom: 10px; padding-top: 20px;">both</div>\n <cds-tabs [type]="type" [followFocus]="followFocus" [isNavigation]="isNavigation">\n <cds-tab heading="one">foo</cds-tab>\n <cds-tab heading="two">bar</cds-tab>\n <span before>content before</span>\n <span after>content after</span>\n </cds-tabs>\n `\n})',...BeforeAndAfter.parameters?.docs?.source}}},TabheaderGroup.parameters={...TabheaderGroup.parameters,docs:{...TabheaderGroup.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n \x3c!--\n app- components are for demo purposes only.\n You can create your own implementation by using the component source found at:\n https://github.com/IBM/carbon-components-angular/tree/master/src/pagination/stories/pagination.component.ts\n --\x3e\n <app-header-group\n [type]="type"\n [followFocus]="followFocus"\n [cacheActive]="cacheActive"\n [isNavigation]="isNavigation">\n </app-header-group>\n `\n})',...TabheaderGroup.parameters?.docs?.source}}},Skeleton.parameters={...Skeleton.parameters,docs:{...Skeleton.parameters?.docs,source:{originalSource:'args => ({\n props: args,\n template: `\n <cds-tabs skeleton="true">\n <cds-tab></cds-tab>\n <cds-tab></cds-tab>\n </cds-tabs>\n\n <div style="margin-top: 5rem">\n <p>Tab skeleton component for cds-tab-header-group:</p>\n <cds-tabs-skeleton></cds-tabs-skeleton>\n </div>\n `\n})',...Skeleton.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","With","BeforeAndAfter","TabheaderGroup","Skeleton"]}}]);

package/esm2020/tabs/tab.component.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Component, Input, Output, EventEmitter, TemplateRef, HostBinding } from "@angular/core";
+import { Component, Input, Output, EventEmitter, TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 /**
@@ -70,10 +70,6 @@ export class Tab {
          * Value 'selected' to be emitted after a new `Tab` is selected.
          */
         this.selected = new EventEmitter();
-        /**
-         * Used to set the id property on the element.
-         */
-        this.attrClass = this.id;
         this._cacheActive = false;
     }
     /**
@@ -112,12 +108,13 @@ export class Tab {
 }
 Tab.counter = 0;
 Tab.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Tab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-Tab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Tab, selector: "cds-tab, ibm-tab", inputs: { heading: "heading", title: "title", context: "context", active: "active", disabled: "disabled", tabIndex: "tabIndex", id: "id", cacheActive: "cacheActive", tabContent: "tabContent", templateContext: "templateContext" }, outputs: { selected: "selected" }, host: { properties: { "attr.id": "this.attrClass" } }, ngImport: i0, template: `
+Tab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Tab, selector: "cds-tab, ibm-tab", inputs: { heading: "heading", title: "title", context: "context", active: "active", disabled: "disabled", tabIndex: "tabIndex", id: "id", cacheActive: "cacheActive", tabContent: "tabContent", templateContext: "templateContext" }, outputs: { selected: "selected" }, ngImport: i0, template: `
 		<div
 			[attr.tabindex]="tabIndex"
 			role="tabpanel"
 			*ngIf="shouldRender()"
 			class="cds--tab-content"
+			[id]="id"
 			[ngStyle]="{'display': active ? null : 'none'}"
 			[attr.aria-labelledby]="id + '-header'"
 			aria-live="polite">
@@ -139,6 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 			role="tabpanel"
 			*ngIf="shouldRender()"
 			class="cds--tab-content"
+			[id]="id"
 			[ngStyle]="{'display': active ? null : 'none'}"
 			[attr.aria-labelledby]="id + '-header'"
 			aria-live="polite">
@@ -173,8 +171,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], selected: [{
                 type: Output
-            }], attrClass: [{
-                type: HostBinding,
-                args: ["attr.id"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJzL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsV0FBVyxFQUNYLE1BQU0sZUFBZSxDQUFDOzs7QUFFdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUEyQ0U7QUFxQkYsTUFBTSxPQUFPLEdBQUc7SUFwQmhCO1FBc0JDOzs7V0FHRztRQUNJLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQWlCakM7OztXQUdHO1FBQ00sV0FBTSxHQUFHLEtBQUssQ0FBQztRQUN4Qjs7V0FFRztRQUNNLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsYUFBUSxHQUFHLENBQUMsQ0FBQztRQUN0Qjs7V0FFRztRQUNNLE9BQUUsR0FBRyxTQUFTLEdBQUcsQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO1FBZXZDOztXQUVHO1FBQ08sYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2xFOztXQUVHO1FBQ3FCLGNBQVMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBTWxDLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0tBNkIvQjtJQXhEQTs7T0FFRztJQUNILElBQWEsV0FBVyxDQUFDLFdBQW9CO1FBQzVDLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO0lBQ2pDLENBQUM7SUFrQkQsSUFBSSxXQUFXO1FBQ2QsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzFCLENBQUM7SUFJRDs7O09BR0c7SUFDSCxRQUFRO1FBQ1AsSUFBSSxJQUFJLENBQUMsT0FBTyxZQUFZLFdBQVcsRUFBRTtZQUN4QyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO1NBQzlCO0lBQ0YsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVEOztNQUVFO0lBQ0YsWUFBWTtRQUNYLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3hDLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBSztRQUN0QixPQUFPLEtBQUssWUFBWSxXQUFXLENBQUM7SUFDckMsQ0FBQzs7QUE1RmMsV0FBTyxHQUFHLENBQUUsQ0FBQTtnR0FEZixHQUFHO29GQUFILEdBQUcsd1hBbEJMOzs7Ozs7Ozs7Ozs7Ozs7O0VBZ0JUOzJGQUVXLEdBQUc7a0JBcEJmLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7O0VBZ0JUO2lCQUNEOzhCQVlTLE9BQU87c0JBQWYsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBSUcsRUFBRTtzQkFBVixLQUFLO2dCQUlPLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUcsVUFBVTtzQkFBbEIsS0FBSztnQkFJRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlJLFFBQVE7c0JBQWpCLE1BQU07Z0JBSWlCLFNBQVM7c0JBQWhDLFdBQVc7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG5cdENvbXBvbmVudCxcblx0T25Jbml0LFxuXHRJbnB1dCxcblx0T3V0cHV0LFxuXHRFdmVudEVtaXR0ZXIsXG5cdFRlbXBsYXRlUmVmLFxuXHRIb3N0QmluZGluZ1xufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG4vKipcbiogVGhlIGBUYWJgIGNvbXBvbmVudCBpcyBhIGNoaWxkIG9mIHRoZSBgVGFic2AgY29tcG9uZW50LlxuKiBJdCByZXByZXNlbnRzIG9uZSBgVGFiYCBpdGVtIGFuZCBpdHMgY29udGVudCB3aXRoaW4gYSBwYW5lbCBvZiBvdGhlciBgVGFiYCBpdGVtcy5cbipcbipcbiogYFRhYmAgdGFrZXMgYSBzdHJpbmcgb3IgYFRlbXBsYXRlUmVmYCBmb3IgdGhlIGhlYWRlciwgYW5kIGFueSBjb250ZW50IGZvciB0aGUgYm9keSBvZiB0aGUgdGFiLlxuKiBEaXNhYmxlZCBzdGF0ZXMgc2hvdWxkIGJlIGhhbmRsZWQgYnkgdGhlIGFwcGxpY2F0aW9uIChpZS4gc3dpdGNoIHRvIHRoZSB0YWIsIGJ1dCBkaXNwbGF5IHNvbWVcbiogaW5kaWNhdGlvbiBhcyB0byBfd2h5XyB0aGUgdGFiIGlzIGRpc2FibGVkKS5cbipcbiogV2hlbiB0aGUgdGFiIGlzIHNlbGVjdGVkIHRoZSBgc2VsZWN0YCBvdXRwdXQgd2lsbCBiZSB0cmlnZ2VyZWQuXG4qIFRoZSBgc2VsZWN0YCBvdXRwdXQgd2lsbCBhbHNvIGJlIHRyaWdnZXJlZCBmb3IgdGhlIGFjdGl2ZSB0YWIgd2hlbiB0aGUgdGFicyBhcmUgbG9hZGVkIG9yIHVwZGF0ZWQuXG4qXG4qXG4qIFRhYiB3aXRoIHN0cmluZyBoZWFkZXI6XG4qXG4qIGBgYGh0bWxcbiogPGNkcy10YWIgaGVhZGluZz0ndGFiMSc+XG4qIFx0dGFiIDEgY29udGVudFxuKiA8L2Nkcy10YWI+XG4qIGBgYFxuKlxuKiBUYWIgd2l0aCBjdXN0b20gaGVhZGVyOlxuKlxuKiBgYGBodG1sXG4qIDxuZy10ZW1wbGF0ZSAjdGFiSGVhZGluZz5cbiogXHQ8c3ZnIGNkc0ljb249XCJmYWNlYm9va1wiXG4qIFx0XHRzaXplPVwic21cIlxuKiBcdFx0c3R5bGU9XCJtYXJnaW4tcmlnaHQ6IDdweDtcIj5cbiogXHQ8L3N2Zz5cbiogXHRIZWxsbyBUYWIgMVxuKiA8L25nLXRlbXBsYXRlPlxuKiA8Y2RzLXRhYnM+XG4qIFx0PGNkcy10YWIgW2hlYWRpbmddPVwidGFiSGVhZGluZ1wiPlxuKiBcdFx0VGFiIDEgY29udGVudCA8c3ZnIGNkc0ljb249XCJhbGVydFwiIHNpemU9XCJsZ1wiPjwvc3ZnPlxuKiBcdDwvY2RzLXRhYj5cbiogXHQ8Y2RzLXRhYiBoZWFkaW5nPSdUYWIyJz5cbiogXHRcdFRhYiAyIGNvbnRlbnRcbiogXHQ8L2Nkcy10YWI+XG4qIFx0PGNkcy10YWIgaGVhZGluZz0nVGFiMyc+XG4qIFx0XHRUYWIgMyBjb250ZW50XG4qIFx0PC9jZHMtdGFiPlxuKiA8L2Nkcy10YWJzPlxuKiBgYGBcbiovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6IFwiY2RzLXRhYiwgaWJtLXRhYlwiLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDxkaXZcblx0XHRcdFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCJcblx0XHRcdHJvbGU9XCJ0YWJwYW5lbFwiXG5cdFx0XHQqbmdJZj1cInNob3VsZFJlbmRlcigpXCJcblx0XHRcdGNsYXNzPVwiY2RzLS10YWItY29udGVudFwiXG5cdFx0XHRbbmdTdHlsZV09XCJ7J2Rpc3BsYXknOiBhY3RpdmUgPyBudWxsIDogJ25vbmUnfVwiXG5cdFx0XHRbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiaWQgKyAnLWhlYWRlcidcIlxuXHRcdFx0YXJpYS1saXZlPVwicG9saXRlXCI+XG5cdFx0XHQ8bmctdGVtcGxhdGVcblx0XHRcdFx0Km5nSWY9XCJpc1RlbXBsYXRlKHRhYkNvbnRlbnQpXCJcblx0XHRcdFx0W25nVGVtcGxhdGVPdXRsZXRdPVwidGFiQ29udGVudFwiXG5cdFx0XHRcdFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogdGVtcGxhdGVDb250ZXh0IH1cIj5cblx0XHRcdDwvbmctdGVtcGxhdGU+XG5cdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0PC9kaXY+XG5cdGBcbn0pXG5leHBvcnQgY2xhc3MgVGFiIGltcGxlbWVudHMgT25Jbml0IHtcblx0cHJpdmF0ZSBzdGF0aWMgY291bnRlciA9IDA7XG5cdC8qKlxuXHQgKiBCb29sZWFuIHZhbHVlIHJlZmxlY3RzIGlmIHRoZSBgVGFiYCBpcyB1c2luZyBhIGN1c3RvbSB0ZW1wbGF0ZSBmb3IgdGhlIGhlYWRpbmcuXG5cdCAqIERlZmF1bHQgdmFsdWUgaXMgZmFsc2UuXG5cdCAqL1xuXHRwdWJsaWMgaGVhZGluZ0lzVGVtcGxhdGUgPSBmYWxzZTtcblxuXHQvKipcblx0ICogVGhlIGBUYWJgJ3MgdGl0bGUgdG8gYmUgZGlzcGxheWVkIG9yIGN1c3RvbSB0ZW1hcGxhdGUgZm9yIHRoZSBgVGFiYCBoZWFkaW5nLlxuXHQgKi9cblx0QElucHV0KCkgaGVhZGluZzogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55Pjtcblx0LyoqXG5cdCAqIE9wdGlvbmFsIG92ZXJyaWRlIGZvciB0aGUgYHRhYkl0ZW0nc2AncyB0aXRsZSBhdHRyaWJ1dGUgd2hpY2ggaXMgc2V0IGluIGBUYWJIZWFkZXJzYC5cblx0ICogYHRhYkl0ZW1gJ3MgdGl0bGUgYXR0cmlidXRlIGlzIGF1dG9tYXRpY2FsbHkgc2V0IHRvIGBoZWFkaW5nYC5cblx0ICpcblx0ICogWW91IG1pZ2h0IHdhbnQgdG8gdXNlIHRoaXMgaWYgeW91IHNldCBgaGVhZGluZ2AgdG8gYSBgVGVtcGxhdGVSZWZgLlxuXHQgKi9cblx0QElucHV0KCkgdGl0bGU6IHN0cmluZztcblx0LyoqXG5cdCAqIEFsbG93cyB0aGUgdXNlciB0byBwYXNzIGRhdGEgdG8gdGhlIGN1c3RvbSB0ZW1wbGF0ZSBmb3IgdGhlIGBUYWJgIGhlYWRpbmcuXG5cdCAqL1xuXHRASW5wdXQoKSBjb250ZXh0OiBhbnk7XG5cdC8qKlxuXHQgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYFRhYmAgaXMgYWN0aXZlL3NlbGVjdGVkLlxuXHQgKiBEZXRlcm1pbmVzIHdoZXRoZXIgaXQncyBgVGFiUGFuZWxgIGlzIHJlbmRlcmVkLlxuXHQgKi9cblx0QElucHV0KCkgYWN0aXZlID0gZmFsc2U7XG5cdC8qKlxuXHQgKiBJbmRpY2F0ZXMgd2hldGhlciBvciBub3QgdGhlIGBUYWJgIGl0ZW0gaXMgZGlzYWJsZWQuXG5cdCAqL1xuXHRASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG5cdEBJbnB1dCgpIHRhYkluZGV4ID0gMDtcblx0LyoqXG5cdCAqIFNldHMgdGhlIGlkIG9mIHRoZSBgVGFiYC4gV2lsbCBiZSB1bmlxdWVseSBnZW5lcmF0ZWQgaWYgbm90IHByb3ZpZGVkLlxuXHQgKi9cblx0QElucHV0KCkgaWQgPSBgbi10YWItJHtUYWIuY291bnRlcisrfWA7XG5cdC8qKlxuXHQgKiBTZXQgdG8gdHJ1ZSB0byBoYXZlIFRhYiBpdGVtcyBjYWNoZWQgYW5kIG5vdCByZWxvYWRlZCBvbiB0YWIgc3dpdGNoaW5nLlxuXHQgKi9cblx0QElucHV0KCkgc2V0IGNhY2hlQWN0aXZlKHNob3VsZENhY2hlOiBib29sZWFuKSB7XG5cdFx0dGhpcy5fY2FjaGVBY3RpdmUgPSBzaG91bGRDYWNoZTtcblx0fVxuXHQvKipcblx0ICogQWxsb3dzIGxpZmUgY3ljbGUgaG9va3MgdG8gYmUgY2FsbGVkIG9uIHRoZSByZW5kZXJlZCBjb250ZW50XG5cdCAqL1xuXHRASW5wdXQoKSB0YWJDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXHQvKipcblx0ICogT3B0aW9uYWwgZGF0YSBmb3IgdGVtcGxhdGVzIHBhc3NlZCBhcyBpbXBsaWNpdCBjb250ZXh0XG5cdCAqL1xuXHRASW5wdXQoKSB0ZW1wbGF0ZUNvbnRleHQ6IGFueTtcblx0LyoqXG5cdCAqIFZhbHVlICdzZWxlY3RlZCcgdG8gYmUgZW1pdHRlZCBhZnRlciBhIG5ldyBgVGFiYCBpcyBzZWxlY3RlZC5cblx0ICovXG5cdEBPdXRwdXQoKSBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXHQvKipcblx0ICogVXNlZCB0byBzZXQgdGhlIGlkIHByb3BlcnR5IG9uIHRoZSBlbGVtZW50LlxuXHQgKi9cblx0QEhvc3RCaW5kaW5nKFwiYXR0ci5pZFwiKSBhdHRyQ2xhc3MgPSB0aGlzLmlkO1xuXG5cdGdldCBjYWNoZUFjdGl2ZSgpIHtcblx0XHRyZXR1cm4gdGhpcy5fY2FjaGVBY3RpdmU7XG5cdH1cblxuXHRwcm90ZWN0ZWQgX2NhY2hlQWN0aXZlID0gZmFsc2U7XG5cblx0LyoqXG5cdCAqIENoZWNrcyBmb3IgY3VzdG9tIGhlYWRpbmcgdGVtcGxhdGUgb24gaW5pdGlhbGl6YXRpb24gYW5kIHVwZGF0ZXMgdGhlIHZhbHVlXG5cdCAqIG9mIHRoZSBib29sZWFuICdoZWFkaW5nSXNUZW1wbGF0ZScuXG5cdCAqL1xuXHRuZ09uSW5pdCgpIHtcblx0XHRpZiAodGhpcy5oZWFkaW5nIGluc3RhbmNlb2YgVGVtcGxhdGVSZWYpIHtcblx0XHRcdHRoaXMuaGVhZGluZ0lzVGVtcGxhdGUgPSB0cnVlO1xuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBFbWl0IHRoZSBzdGF0dXMgb2YgdGhlIGBUYWJgLCBzcGVjaWZpY2FsbHkgJ3NlbGVjdCcgYW5kICdzZWxlY3RlZCcgcHJvcGVydGllcy5cblx0ICovXG5cdGRvU2VsZWN0KCkge1xuXHRcdHRoaXMuc2VsZWN0ZWQuZW1pdCgpO1xuXHR9XG5cblx0LyoqXG5cdCogUmV0dXJucyB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhpcyBgVGFiYCBzaG91bGQgYmUgcmVuZGVyZWQgaW4gYSBgVGFiUGFuZWxgLlxuXHQqL1xuXHRzaG91bGRSZW5kZXIoKSB7XG5cdFx0cmV0dXJuIHRoaXMuYWN0aXZlIHx8IHRoaXMuY2FjaGVBY3RpdmU7XG5cdH1cblxuXHRwdWJsaWMgaXNUZW1wbGF0ZSh2YWx1ZSkge1xuXHRcdHJldHVybiB2YWx1ZSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmO1xuXHR9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJzL3RhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNOLFNBQVMsRUFFVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBRVgsTUFBTSxlQUFlLENBQUM7OztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQTJDRTtBQXNCRixNQUFNLE9BQU8sR0FBRztJQXJCaEI7UUF1QkM7OztXQUdHO1FBQ0ksc0JBQWlCLEdBQUcsS0FBSyxDQUFDO1FBaUJqQzs7O1dBR0c7UUFDTSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3hCOztXQUVHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCOztXQUVHO1FBQ00sT0FBRSxHQUFHLFNBQVMsR0FBRyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUM7UUFldkM7O1dBRUc7UUFDTyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFNeEQsaUJBQVksR0FBRyxLQUFLLENBQUM7S0E2Qi9CO0lBcERBOztPQUVHO0lBQ0gsSUFBYSxXQUFXLENBQUMsV0FBb0I7UUFDNUMsSUFBSSxDQUFDLFlBQVksR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQWNELElBQUksV0FBVztRQUNkLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMxQixDQUFDO0lBSUQ7OztPQUdHO0lBQ0gsUUFBUTtRQUNQLElBQUksSUFBSSxDQUFDLE9BQU8sWUFBWSxXQUFXLEVBQUU7WUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztTQUM5QjtJQUNGLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRDs7TUFFRTtJQUNGLFlBQVk7UUFDWCxPQUFPLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN4QyxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQUs7UUFDdEIsT0FBTyxLQUFLLFlBQVksV0FBVyxDQUFDO0lBQ3JDLENBQUM7O0FBeEZjLFdBQU8sR0FBRyxDQUFFLENBQUE7Z0dBRGYsR0FBRztvRkFBSCxHQUFHLGlVQW5CTDs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFpQlQ7MkZBRVcsR0FBRztrQkFyQmYsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBaUJUO2lCQUNEOzhCQVlTLE9BQU87c0JBQWYsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFJRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBSUcsRUFBRTtzQkFBVixLQUFLO2dCQUlPLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUcsVUFBVTtzQkFBbEIsS0FBSztnQkFJRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuXHRDb21wb25lbnQsXG5cdE9uSW5pdCxcblx0SW5wdXQsXG5cdE91dHB1dCxcblx0RXZlbnRFbWl0dGVyLFxuXHRUZW1wbGF0ZVJlZixcblx0SG9zdEJpbmRpbmdcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuLyoqXG4qIFRoZSBgVGFiYCBjb21wb25lbnQgaXMgYSBjaGlsZCBvZiB0aGUgYFRhYnNgIGNvbXBvbmVudC5cbiogSXQgcmVwcmVzZW50cyBvbmUgYFRhYmAgaXRlbSBhbmQgaXRzIGNvbnRlbnQgd2l0aGluIGEgcGFuZWwgb2Ygb3RoZXIgYFRhYmAgaXRlbXMuXG4qXG4qXG4qIGBUYWJgIHRha2VzIGEgc3RyaW5nIG9yIGBUZW1wbGF0ZVJlZmAgZm9yIHRoZSBoZWFkZXIsIGFuZCBhbnkgY29udGVudCBmb3IgdGhlIGJvZHkgb2YgdGhlIHRhYi5cbiogRGlzYWJsZWQgc3RhdGVzIHNob3VsZCBiZSBoYW5kbGVkIGJ5IHRoZSBhcHBsaWNhdGlvbiAoaWUuIHN3aXRjaCB0byB0aGUgdGFiLCBidXQgZGlzcGxheSBzb21lXG4qIGluZGljYXRpb24gYXMgdG8gX3doeV8gdGhlIHRhYiBpcyBkaXNhYmxlZCkuXG4qXG4qIFdoZW4gdGhlIHRhYiBpcyBzZWxlY3RlZCB0aGUgYHNlbGVjdGAgb3V0cHV0IHdpbGwgYmUgdHJpZ2dlcmVkLlxuKiBUaGUgYHNlbGVjdGAgb3V0cHV0IHdpbGwgYWxzbyBiZSB0cmlnZ2VyZWQgZm9yIHRoZSBhY3RpdmUgdGFiIHdoZW4gdGhlIHRhYnMgYXJlIGxvYWRlZCBvciB1cGRhdGVkLlxuKlxuKlxuKiBUYWIgd2l0aCBzdHJpbmcgaGVhZGVyOlxuKlxuKiBgYGBodG1sXG4qIDxjZHMtdGFiIGhlYWRpbmc9J3RhYjEnPlxuKiBcdHRhYiAxIGNvbnRlbnRcbiogPC9jZHMtdGFiPlxuKiBgYGBcbipcbiogVGFiIHdpdGggY3VzdG9tIGhlYWRlcjpcbipcbiogYGBgaHRtbFxuKiA8bmctdGVtcGxhdGUgI3RhYkhlYWRpbmc+XG4qIFx0PHN2ZyBjZHNJY29uPVwiZmFjZWJvb2tcIlxuKiBcdFx0c2l6ZT1cInNtXCJcbiogXHRcdHN0eWxlPVwibWFyZ2luLXJpZ2h0OiA3cHg7XCI+XG4qIFx0PC9zdmc+XG4qIFx0SGVsbG8gVGFiIDFcbiogPC9uZy10ZW1wbGF0ZT5cbiogPGNkcy10YWJzPlxuKiBcdDxjZHMtdGFiIFtoZWFkaW5nXT1cInRhYkhlYWRpbmdcIj5cbiogXHRcdFRhYiAxIGNvbnRlbnQgPHN2ZyBjZHNJY29uPVwiYWxlcnRcIiBzaXplPVwibGdcIj48L3N2Zz5cbiogXHQ8L2Nkcy10YWI+XG4qIFx0PGNkcy10YWIgaGVhZGluZz0nVGFiMic+XG4qIFx0XHRUYWIgMiBjb250ZW50XG4qIFx0PC9jZHMtdGFiPlxuKiBcdDxjZHMtdGFiIGhlYWRpbmc9J1RhYjMnPlxuKiBcdFx0VGFiIDMgY29udGVudFxuKiBcdDwvY2RzLXRhYj5cbiogPC9jZHMtdGFicz5cbiogYGBgXG4qL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiBcImNkcy10YWIsIGlibS10YWJcIixcblx0dGVtcGxhdGU6IGBcblx0XHQ8ZGl2XG5cdFx0XHRbYXR0ci50YWJpbmRleF09XCJ0YWJJbmRleFwiXG5cdFx0XHRyb2xlPVwidGFicGFuZWxcIlxuXHRcdFx0Km5nSWY9XCJzaG91bGRSZW5kZXIoKVwiXG5cdFx0XHRjbGFzcz1cImNkcy0tdGFiLWNvbnRlbnRcIlxuXHRcdFx0W2lkXT1cImlkXCJcblx0XHRcdFtuZ1N0eWxlXT1cInsnZGlzcGxheSc6IGFjdGl2ZSA/IG51bGwgOiAnbm9uZSd9XCJcblx0XHRcdFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJpZCArICctaGVhZGVyJ1wiXG5cdFx0XHRhcmlhLWxpdmU9XCJwb2xpdGVcIj5cblx0XHRcdDxuZy10ZW1wbGF0ZVxuXHRcdFx0XHQqbmdJZj1cImlzVGVtcGxhdGUodGFiQ29udGVudClcIlxuXHRcdFx0XHRbbmdUZW1wbGF0ZU91dGxldF09XCJ0YWJDb250ZW50XCJcblx0XHRcdFx0W25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiB0ZW1wbGF0ZUNvbnRleHQgfVwiPlxuXHRcdFx0PC9uZy10ZW1wbGF0ZT5cblx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHQ8L2Rpdj5cblx0YFxufSlcbmV4cG9ydCBjbGFzcyBUYWIgaW1wbGVtZW50cyBPbkluaXQge1xuXHRwcml2YXRlIHN0YXRpYyBjb3VudGVyID0gMDtcblx0LyoqXG5cdCAqIEJvb2xlYW4gdmFsdWUgcmVmbGVjdHMgaWYgdGhlIGBUYWJgIGlzIHVzaW5nIGEgY3VzdG9tIHRlbXBsYXRlIGZvciB0aGUgaGVhZGluZy5cblx0ICogRGVmYXVsdCB2YWx1ZSBpcyBmYWxzZS5cblx0ICovXG5cdHB1YmxpYyBoZWFkaW5nSXNUZW1wbGF0ZSA9IGZhbHNlO1xuXG5cdC8qKlxuXHQgKiBUaGUgYFRhYmAncyB0aXRsZSB0byBiZSBkaXNwbGF5ZWQgb3IgY3VzdG9tIHRlbWFwbGF0ZSBmb3IgdGhlIGBUYWJgIGhlYWRpbmcuXG5cdCAqL1xuXHRASW5wdXQoKSBoZWFkaW5nOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+O1xuXHQvKipcblx0ICogT3B0aW9uYWwgb3ZlcnJpZGUgZm9yIHRoZSBgdGFiSXRlbSdzYCdzIHRpdGxlIGF0dHJpYnV0ZSB3aGljaCBpcyBzZXQgaW4gYFRhYkhlYWRlcnNgLlxuXHQgKiBgdGFiSXRlbWAncyB0aXRsZSBhdHRyaWJ1dGUgaXMgYXV0b21hdGljYWxseSBzZXQgdG8gYGhlYWRpbmdgLlxuXHQgKlxuXHQgKiBZb3UgbWlnaHQgd2FudCB0byB1c2UgdGhpcyBpZiB5b3Ugc2V0IGBoZWFkaW5nYCB0byBhIGBUZW1wbGF0ZVJlZmAuXG5cdCAqL1xuXHRASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXHQvKipcblx0ICogQWxsb3dzIHRoZSB1c2VyIHRvIHBhc3MgZGF0YSB0byB0aGUgY3VzdG9tIHRlbXBsYXRlIGZvciB0aGUgYFRhYmAgaGVhZGluZy5cblx0ICovXG5cdEBJbnB1dCgpIGNvbnRleHQ6IGFueTtcblx0LyoqXG5cdCAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBgVGFiYCBpcyBhY3RpdmUvc2VsZWN0ZWQuXG5cdCAqIERldGVybWluZXMgd2hldGhlciBpdCdzIGBUYWJQYW5lbGAgaXMgcmVuZGVyZWQuXG5cdCAqL1xuXHRASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcblx0LyoqXG5cdCAqIEluZGljYXRlcyB3aGV0aGVyIG9yIG5vdCB0aGUgYFRhYmAgaXRlbSBpcyBkaXNhYmxlZC5cblx0ICovXG5cdEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cblx0QElucHV0KCkgdGFiSW5kZXggPSAwO1xuXHQvKipcblx0ICogU2V0cyB0aGUgaWQgb2YgdGhlIGBUYWJgLiBXaWxsIGJlIHVuaXF1ZWx5IGdlbmVyYXRlZCBpZiBub3QgcHJvdmlkZWQuXG5cdCAqL1xuXHRASW5wdXQoKSBpZCA9IGBuLXRhYi0ke1RhYi5jb3VudGVyKyt9YDtcblx0LyoqXG5cdCAqIFNldCB0byB0cnVlIHRvIGhhdmUgVGFiIGl0ZW1zIGNhY2hlZCBhbmQgbm90IHJlbG9hZGVkIG9uIHRhYiBzd2l0Y2hpbmcuXG5cdCAqL1xuXHRASW5wdXQoKSBzZXQgY2FjaGVBY3RpdmUoc2hvdWxkQ2FjaGU6IGJvb2xlYW4pIHtcblx0XHR0aGlzLl9jYWNoZUFjdGl2ZSA9IHNob3VsZENhY2hlO1xuXHR9XG5cdC8qKlxuXHQgKiBBbGxvd3MgbGlmZSBjeWNsZSBob29rcyB0byBiZSBjYWxsZWQgb24gdGhlIHJlbmRlcmVkIGNvbnRlbnRcblx0ICovXG5cdEBJbnB1dCgpIHRhYkNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT47XG5cdC8qKlxuXHQgKiBPcHRpb25hbCBkYXRhIGZvciB0ZW1wbGF0ZXMgcGFzc2VkIGFzIGltcGxpY2l0IGNvbnRleHRcblx0ICovXG5cdEBJbnB1dCgpIHRlbXBsYXRlQ29udGV4dDogYW55O1xuXHQvKipcblx0ICogVmFsdWUgJ3NlbGVjdGVkJyB0byBiZSBlbWl0dGVkIGFmdGVyIGEgbmV3IGBUYWJgIGlzIHNlbGVjdGVkLlxuXHQgKi9cblx0QE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cblx0Z2V0IGNhY2hlQWN0aXZlKCkge1xuXHRcdHJldHVybiB0aGlzLl9jYWNoZUFjdGl2ZTtcblx0fVxuXG5cdHByb3RlY3RlZCBfY2FjaGVBY3RpdmUgPSBmYWxzZTtcblxuXHQvKipcblx0ICogQ2hlY2tzIGZvciBjdXN0b20gaGVhZGluZyB0ZW1wbGF0ZSBvbiBpbml0aWFsaXphdGlvbiBhbmQgdXBkYXRlcyB0aGUgdmFsdWVcblx0ICogb2YgdGhlIGJvb2xlYW4gJ2hlYWRpbmdJc1RlbXBsYXRlJy5cblx0ICovXG5cdG5nT25Jbml0KCkge1xuXHRcdGlmICh0aGlzLmhlYWRpbmcgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xuXHRcdFx0dGhpcy5oZWFkaW5nSXNUZW1wbGF0ZSA9IHRydWU7XG5cdFx0fVxuXHR9XG5cblx0LyoqXG5cdCAqIEVtaXQgdGhlIHN0YXR1cyBvZiB0aGUgYFRhYmAsIHNwZWNpZmljYWxseSAnc2VsZWN0JyBhbmQgJ3NlbGVjdGVkJyBwcm9wZXJ0aWVzLlxuXHQgKi9cblx0ZG9TZWxlY3QoKSB7XG5cdFx0dGhpcy5zZWxlY3RlZC5lbWl0KCk7XG5cdH1cblxuXHQvKipcblx0KiBSZXR1cm5zIHZhbHVlIGluZGljYXRpbmcgd2hldGhlciB0aGlzIGBUYWJgIHNob3VsZCBiZSByZW5kZXJlZCBpbiBhIGBUYWJQYW5lbGAuXG5cdCovXG5cdHNob3VsZFJlbmRlcigpIHtcblx0XHRyZXR1cm4gdGhpcy5hY3RpdmUgfHwgdGhpcy5jYWNoZUFjdGl2ZTtcblx0fVxuXG5cdHB1YmxpYyBpc1RlbXBsYXRlKHZhbHVlKSB7XG5cdFx0cmV0dXJuIHZhbHVlIGluc3RhbmNlb2YgVGVtcGxhdGVSZWY7XG5cdH1cbn1cbiJdfQ==

package/fesm2015/carbon-components-angular-tabs.mjs CHANGED Viewed

@@ -605,10 +605,6 @@ class Tab {
          * Value 'selected' to be emitted after a new `Tab` is selected.
          */
         this.selected = new EventEmitter();
-        /**
-         * Used to set the id property on the element.
-         */
-        this.attrClass = this.id;
         this._cacheActive = false;
     }
     /**
@@ -647,12 +643,13 @@ class Tab {
 }
 Tab.counter = 0;
 Tab.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: Tab, deps: [], target: i0.ɵɵFactoryTarget.Component });
-Tab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Tab, selector: "cds-tab, ibm-tab", inputs: { heading: "heading", title: "title", context: "context", active: "active", disabled: "disabled", tabIndex: "tabIndex", id: "id", cacheActive: "cacheActive", tabContent: "tabContent", templateContext: "templateContext" }, outputs: { selected: "selected" }, host: { properties: { "attr.id": "this.attrClass" } }, ngImport: i0, template: `
+Tab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: Tab, selector: "cds-tab, ibm-tab", inputs: { heading: "heading", title: "title", context: "context", active: "active", disabled: "disabled", tabIndex: "tabIndex", id: "id", cacheActive: "cacheActive", tabContent: "tabContent", templateContext: "templateContext" }, outputs: { selected: "selected" }, ngImport: i0, template: `
 		<div
 			[attr.tabindex]="tabIndex"
 			role="tabpanel"
 			*ngIf="shouldRender()"
 			class="cds--tab-content"
+			[id]="id"
 			[ngStyle]="{'display': active ? null : 'none'}"
 			[attr.aria-labelledby]="id + '-header'"
 			aria-live="polite">
@@ -674,6 +671,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 			role="tabpanel"
 			*ngIf="shouldRender()"
 			class="cds--tab-content"
+			[id]="id"
 			[ngStyle]="{'display': active ? null : 'none'}"
 			[attr.aria-labelledby]="id + '-header'"
 			aria-live="polite">
@@ -708,9 +706,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], selected: [{
                 type: Output
-            }], attrClass: [{
-                type: HostBinding,
-                args: ["attr.id"]
             }] } });
 /**