carbon-components-angular 6.0.0-rc.21 → 6.0.0-rc.22

package/docs/storybook/{runtime~main.e29a4f3e.iframe.bundle.js → runtime~main.d45fe031.iframe.bundle.js}

@@ -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||"function"==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=>(({33:"patterns-filtering-single-selection-stories",388:"tooltip-definition-tooptip-stories",508:"tiles-expandable-tile-stories",672:"aspect-ratio-aspect-ratio-stories",700:"patterns-dialogs-modal-with-table-stories",826:"icon-icon-stories",966:"toggletip-toggletip-stories",1078:"menu-button-menu-button-stories",1107:"dialog-overflow-menu-overflow-menu-stories",1748:"inline-loading-inline-loading-stories",1801:"input-password-stories",1877:"dropdown-dropdown-stories",2234:"input-input-stories",2270:"combobox-combobox-stories",2518:"theme-theme-stories",2682:"structured-list-structured-list-stories",2900:"pagination-pagination-stories",2916:"pagination-pagination-nav-stories",2936:"contained-list-contained-list-stories",3035:"button-button-set-stories",3194:"breadcrumb-breadcrumb-stories",3199:"number-input-number-stories",3450:"treeview-treeview-stories",3691:"tabs-tabs-approaches-header-group-stories",3710:"grid-css-grid-stories",3758:"loading-loading-stories",3902:"tag-tag-stories",4243:"file-uploader-file-stories",4258:"ai-label-ai-label-stories",4414:"timepicker-timepicker-stories",4512:"input-textarea-stories",4618:"combo-button-combo-button-stories",4728:"select-select-stories",4746:"tooltip-tooltip-stories",4910:"tiles-clickable-tile-stories",5252:"table-table-ai-label-stories",5326:"slider-slider-stories",5426:"patterns-forms-multi-step-form-stories",5658:"patterns-filtering-multi-selection-stories",5666:"checkbox-checkbox-stories",5678:"file-uploader-file-uploader-stories",5814:"layer-layer-stories",5846:"table-table-stories",5862:"modal-modal-stories",5886:"progress-bar-progress-bar-stories",6050:"accordion-accordion-stories",6066:"timepicker-select-timepicker-select-stories",6141:"index-stories",6236:"tabs-tabs-stories",6290:"radio-radio-stories",6416:"search-search-stories",6460:"grid-grid-stories",6966:"content-switcher-content-switcher-stories",7156:"datepicker-datepicker-stories",7502:"tiles-tiles-stories",7508:"list-list-stories",7696:"patterns-loading-progressive-loading-stories",7710:"context-menu-context-menu-stories",7830:"notification-notification-stories",7866:"layout-stack-stories",7974:"progress-indicator-progress-indicator-stories",8016:"button-button-stories",8156:"toggle-toggle-stories",8398:"skeleton-skeleton-stories",8610:"ui-shell-ui-shell-stories",8822:"popover-popover-stories",8849:"patterns-filtering-multiple-categories-stories",9238:"code-snippet-code-snippet-stories",9396:"patterns-loading-large-loading-stories",9442:"tabs-tabs-approaches-regular-stories",9476:"button-icon-button-stories",9517:"tiles-tile-group-stories",9540:"link-link-stories"}[chunkId]||chunkId)+"."+{33:"c3158171",117:"97eb4444",204:"47670df3",267:"d1b6356d",388:"a204ae0a",508:"ef07fcf6",672:"a66b9c60",691:"211ef451",700:"1051be79",826:"8f916f59",880:"b32b1797",886:"b66a15b0",966:"2987ef51",1002:"5a2b0ac4",1078:"76c3d1f4",1107:"23d0247a",1191:"92768659",1482:"4682dff5",1748:"af3ae602",1801:"f98ce325",1877:"5a4c74b8",1889:"98d081ab",1914:"b4b66bff",2063:"d8811efa",2234:"5a883aa8",2270:"a7401700",2518:"a117a0d0",2682:"30dbacaa",2696:"44c70d0e",2871:"f1aa4043",2900:"a3328d94",2916:"1580b524",2936:"fa371c0d",3035:"fa675e32",3044:"ca43d2ad",3194:"8b85700c",3199:"2e776531",3243:"0acb3a7d",3419:"8754f6b3",3449:"a3d19c00",3450:"a234a6a4",3691:"71cc76c7",3710:"e0edae63",3758:"ef0e9f89",3782:"13c8c787",3877:"eafe9312",3902:"eed011b8",4243:"81d58618",4258:"e3af1603",4270:"98d081ab",4333:"ab38752d",4414:"8a982ccf",4512:"d78e40a8",4539:"3c2d13f6",4618:"d30cbfba",4693:"a70c1989",4728:"e5a6b6fd",4746:"81bdb33b",4788:"1861bed4",4910:"034f80d1",5028:"d2f8d70a",5118:"d8e064f1",5157:"172e726a",5252:"68a9857f",5326:"3c6cb35c",5426:"73cd2f55",5658:"04491bad",5666:"5ef654f3",5678:"0188f926",5814:"71ad553f",5846:"d26d73c7",5862:"0a4034f4",5886:"135e8311",6050:"327b609b",6066:"c2cdab54",6141:"1efbdb52",6236:"ef252db3",6258:"eafe9312",6290:"e4f170ce",6310:"3594fe9c",6372:"9f376681",6378:"4297eb7e",6416:"ea35e17e",6460:"6bc31b2a",6463:"6e4be5f4",6662:"b84c40a1",6867:"8f8bb5c7",6878:"5ee808b5",6931:"bca31e10",6966:"79aea77e",7139:"29c15e8a",7156:"b2c80ef4",7461:"378bf99b",7502:"05ca2621",7508:"f1e6f91a",7696:"188f1fd3",7710:"c81d6930",7830:"e4c510ea",7866:"bd403da5",7974:"aa928906",8016:"018cbff3",8104:"e8de5f9b",8156:"5c291417",8247:"45ee995c",8354:"89b116e2",8383:"18c9b491",8398:"b4fbd31a",8610:"4560e986",8822:"bb7b99d0",8849:"77608d33",9139:"e96fbfd5",9238:"3613f4e0",9396:"66a25868",9442:"cd3fe33c",9476:"dd6cbcba",9517:"d11c807e",9540:"15e25a96",9628:"dc925650",9777:"4d718cfb",9851:"65fc740b",9913:"932adea0"}[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",__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={5354: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(5354!=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})();
+(()=>{"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||"function"==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=>(({33:"patterns-filtering-single-selection-stories",388:"tooltip-definition-tooptip-stories",508:"tiles-expandable-tile-stories",672:"aspect-ratio-aspect-ratio-stories",700:"patterns-dialogs-modal-with-table-stories",826:"icon-icon-stories",966:"toggletip-toggletip-stories",1078:"menu-button-menu-button-stories",1107:"dialog-overflow-menu-overflow-menu-stories",1748:"inline-loading-inline-loading-stories",1801:"input-password-stories",1877:"dropdown-dropdown-stories",2234:"input-input-stories",2270:"combobox-combobox-stories",2518:"theme-theme-stories",2682:"structured-list-structured-list-stories",2900:"pagination-pagination-stories",2916:"pagination-pagination-nav-stories",2936:"contained-list-contained-list-stories",3035:"button-button-set-stories",3194:"breadcrumb-breadcrumb-stories",3199:"number-input-number-stories",3450:"treeview-treeview-stories",3691:"tabs-tabs-approaches-header-group-stories",3710:"grid-css-grid-stories",3758:"loading-loading-stories",3902:"tag-tag-stories",4243:"file-uploader-file-stories",4258:"ai-label-ai-label-stories",4414:"timepicker-timepicker-stories",4512:"input-textarea-stories",4618:"combo-button-combo-button-stories",4728:"select-select-stories",4746:"tooltip-tooltip-stories",4910:"tiles-clickable-tile-stories",5252:"table-table-ai-label-stories",5326:"slider-slider-stories",5426:"patterns-forms-multi-step-form-stories",5658:"patterns-filtering-multi-selection-stories",5666:"checkbox-checkbox-stories",5678:"file-uploader-file-uploader-stories",5814:"layer-layer-stories",5846:"table-table-stories",5862:"modal-modal-stories",5886:"progress-bar-progress-bar-stories",6050:"accordion-accordion-stories",6066:"timepicker-select-timepicker-select-stories",6141:"index-stories",6236:"tabs-tabs-stories",6290:"radio-radio-stories",6416:"search-search-stories",6460:"grid-grid-stories",6966:"content-switcher-content-switcher-stories",7156:"datepicker-datepicker-stories",7502:"tiles-tiles-stories",7508:"list-list-stories",7696:"patterns-loading-progressive-loading-stories",7710:"context-menu-context-menu-stories",7830:"notification-notification-stories",7866:"layout-stack-stories",7974:"progress-indicator-progress-indicator-stories",8016:"button-button-stories",8156:"toggle-toggle-stories",8398:"skeleton-skeleton-stories",8610:"ui-shell-ui-shell-stories",8822:"popover-popover-stories",8849:"patterns-filtering-multiple-categories-stories",9238:"code-snippet-code-snippet-stories",9396:"patterns-loading-large-loading-stories",9442:"tabs-tabs-approaches-regular-stories",9476:"button-icon-button-stories",9517:"tiles-tile-group-stories",9540:"link-link-stories"}[chunkId]||chunkId)+"."+{33:"c3158171",117:"bb979a2a",204:"47670df3",267:"d1b6356d",388:"a204ae0a",508:"ef07fcf6",672:"8433112e",691:"211ef451",700:"5d05e9a4",826:"8f916f59",880:"f7aa41d3",886:"b66a15b0",966:"9b065bb4",1002:"5a2b0ac4",1078:"bdfe8d92",1107:"1820773f",1191:"92768659",1482:"4682dff5",1748:"4eb2d84e",1801:"30fb2577",1877:"5a4c74b8",1889:"98d081ab",1914:"b4b66bff",2063:"d8811efa",2234:"5a883aa8",2270:"a7401700",2518:"a117a0d0",2682:"30dbacaa",2696:"44c70d0e",2871:"f1aa4043",2900:"eec922d6",2916:"0f81f31c",2936:"0ef7351b",3035:"c2612349",3044:"ca43d2ad",3194:"f128b6d0",3199:"2e776531",3243:"0acb3a7d",3419:"fbf4e882",3449:"a3d19c00",3450:"a234a6a4",3691:"71cc76c7",3710:"e0edae63",3758:"ef0e9f89",3782:"13c8c787",3877:"eafe9312",3902:"c0c023cc",4243:"f98094f5",4258:"e3af1603",4270:"98d081ab",4333:"fefbcaa4",4414:"8a982ccf",4512:"d78e40a8",4539:"cd802ae1",4618:"06cafdbe",4693:"a70c1989",4728:"6494aa35",4746:"81bdb33b",4788:"1861bed4",4910:"034f80d1",5028:"4f8835f2",5118:"02beb793",5157:"172e726a",5252:"68a9857f",5326:"3c6cb35c",5426:"fe0953e3",5658:"04491bad",5666:"2ebd0a3e",5678:"0188f926",5814:"71ad553f",5846:"d26d73c7",5862:"2a043fe5",5886:"135e8311",6050:"327b609b",6066:"c2cdab54",6141:"dc944c09",6236:"ef252db3",6258:"eafe9312",6290:"e4f170ce",6310:"3594fe9c",6372:"f041a629",6378:"4297eb7e",6416:"ea35e17e",6460:"6bc31b2a",6463:"6e4be5f4",6662:"b84c40a1",6867:"8f8bb5c7",6878:"c010cd64",6931:"723d7595",6966:"79aea77e",7139:"29c15e8a",7156:"402c0d61",7461:"378bf99b",7502:"05ca2621",7508:"f1e6f91a",7696:"188f1fd3",7710:"c81d6930",7830:"e4c510ea",7866:"bd403da5",7974:"aa928906",8016:"30b119cd",8104:"e8de5f9b",8156:"fa8a4852",8247:"45ee995c",8354:"89b116e2",8383:"18c9b491",8398:"b4fbd31a",8610:"4560e986",8822:"bb7b99d0",8849:"3ae46ebd",9139:"e96fbfd5",9238:"395927b5",9396:"66bf3964",9442:"cd3fe33c",9476:"0da0527f",9517:"d11c807e",9540:"15e25a96",9628:"dc925650",9777:"4d718cfb",9851:"97cd4b72",9913:"932adea0"}[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",__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={5354: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(5354!=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/{select-select-stories.e5a6b6fd.iframe.bundle.js → select-select-stories.6494aa35.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[4728],{"./src/select/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{JM:()=>OptGroup,c$:()=>Option,l6:()=>select_component.l,py:()=>SelectModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let OptGroup=class OptGroup{constructor(){this.inputClass="cds--select-optgroup"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};OptGroup=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"optgroup",standalone:!0})],OptGroup);let Option=class Option{constructor(){this.inputClass="cds--select-option"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};Option=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"option",standalone:!0})],Option);var select_component=__webpack_require__("./src/select/select.component.ts"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");let SelectModule=class SelectModule{};SelectModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[select_component.l,Option,OptGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.LJ,select_component.l,Option,OptGroup]})],SelectModule)},"./src/select/select.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>Select});var Select_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts");let Select=class Select{constructor(){this.display="default",this.warn=!1,this.id="select-"+Select_1.selectCount++,this.size="md",this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.readonly=!1,this.theme="dark",this.hideLabel=!1,this.fluid=!1,this.valueChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.focused=!1,this.onChangeHandler=_=>{},this.onTouchedHandler=()=>{}}static{Select_1=this}set value(v){this._value=v,this.select&&(this.select.nativeElement.value=this._value)}get value(){return this._value}static{this.selectCount=0}ngAfterViewInit(){void 0!==this.value&&null!==this.value&&this.select&&this.select.nativeElement.value!==this.value&&(this.select.nativeElement.value=this.value)}writeValue(obj){this.value=obj}registerOnChange(fn){this.onChangeHandler=fn}registerOnTouched(fn){this.onTouchedHandler=fn}setDisabledState(isDisabled){this.disabled=isDisabled}onChange(event){this.value=event.target.value,this.onChangeHandler(event.target.value),this.valueChange.emit(event.target.value)}focusOut(){this.onTouchedHandler()}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}onMouseDown(event){this.readonly&&(event.preventDefault(),event.target.focus())}onKeyDown(event){this.readonly&&["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"," "].includes(event.key)&&event.preventDefault()}handleFocus(event){this.focused="focus"===event.type}static{this.propDecorators={value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],display:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],label:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readonly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],theme:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],fluid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],valueChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],select:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["select"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Select=Select_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-select, ibm-select",template:'\n\t\t<div\n\t\t\t[ngClass]="{\n\t\t\t\t\'cds--form-item\': !skeleton,\n\t\t\t\t\'cds--select--fluid\': fluid && !skeleton\n\t\t\t}">\n\t\t\t@if (skeleton && !fluid) {\n\t\t\t\t@if (label) {\n\t\t\t\t\t<div class="cds--label cds--skeleton"></div>\n\t\t\t\t}\n\t\t\t\t<div class="cds--select cds--skeleton"></div>\n\t\t\t}\n\t\t\t@if (skeleton && fluid) {\n\t\t\t\t<div class="cds--list-box__wrapper--fluid">\n\t\t\t\t\t<div class="cds--list-box cds--skeleton">\n\t\t\t\t\t\t<div class="cds--list-box__label"></div>\n\t\t\t\t\t\t<div class="cds--list-box__field"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (!skeleton) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select--inline\': display === \'inline\',\n\t\t\t\t\t\t\'cds--select--light\': theme === \'light\',\n\t\t\t\t\t\t\'cds--select--invalid\': invalid,\n\t\t\t\t\t\t\'cds--select--warning\': warn,\n\t\t\t\t\t\t\'cds--select--disabled\': disabled,\n\t\t\t\t\t\t\'cds--select--readonly\': readonly,\n\t\t\t\t\t\t\'cds--select--fluid--invalid\': fluid && invalid,\n\t\t\t\t\t\t\'cds--select--fluid--focus\': fluid && focused,\n\t\t\t\t\t\t\'cds--select--decorator\': !!decorator\n\t\t\t\t\t}">\n\t\t\t\t\t@if (label) {\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]="id"\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(label)) {\n\t\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t}\n\t\t\t\t\t@if (display === \'inline\') {\n\t\t\t\t\t\t<div class="cds--select-input--inline__wrapper">\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t\t@if (helperText && !invalid && !warn && !skeleton && !fluid) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--form__helper-text--disabled\': disabled\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\n\t\t\x3c!-- select element: dynamically projected based on \'display\' variant --\x3e\n\t\t<ng-template #noInline>\n\t\t\t<div class="cds--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">\n\t\t\t\t<select\n\t\t\t\t\t#select\n\t\t\t\t\t[attr.id]="id"\n\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t(change)="onChange($event)"\n\t\t\t\t\t[attr.aria-invalid]="invalid ? \'true\' : null"\n\t\t\t\t\t[attr.aria-readonly]="readonly ? \'true\' : null"\n\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select-input--sm\': size === \'sm\',\n\t\t\t\t\t\t\'cds--select-input--md\': size === \'md\',\n\t\t\t\t\t\t\'cds--select-input--lg\': size === \'lg\'\n\t\t\t\t\t}"\n\t\t\t\t\t(mousedown)="onMouseDown($event)"\n\t\t\t\t\t(keydown)="onKeyDown($event)"\n\t\t\t\t\t(focus)="fluid ? handleFocus($event) : null"\n\t\t\t\t\t(blur)="fluid ? handleFocus($event) : null">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tfocusable="false"\n\t\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\t\tstyle="will-change: transform;"\n\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\twidth="16"\n\t\t\t\t\theight="16"\n\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t<path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path>\n\t\t\t\t</svg>\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon cds--select__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (decorator) {\n\t\t\t\t\t<div class="cds--select__inner-wrapper--decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (fluid) {\n\t\t\t\t\t<hr class="cds--select__divider" />\n\t\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (!fluid) {\n\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Select,multi:!0}],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Select)},"./src/select/select.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Fluid:()=>Fluid,NgModel:()=>NgModel,OptionsSelected:()=>OptionsSelected,ReactiveForms:()=>ReactiveForms,ValueProperty:()=>ValueProperty,__namedExportsOrder:()=>__namedExportsOrder,default:()=>select_stories,withAILabel:()=>withAILabel});var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),src_select=__webpack_require__("./src/select/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),select_component=__webpack_require__("./src/select/select.component.ts");let ReactiveFormsSelect=class ReactiveFormsSelect{constructor(formBuilder){this.formBuilder=formBuilder}clearSelection(){this.formGroup.get("selecterino")?.setValue("default")}selectRandom(){this.formGroup.get("selecterino")?.setValue(["default","option1","option2","option3"][Math.floor(4*Math.random())])}ngOnInit(){this.formGroup=this.formBuilder.group({selecterino:new fesm2022_forms.MJ}),this.formGroup.get("selecterino")?.setValue("option2")}static{this.ctorParameters=()=>[{type:fesm2022_forms.ok}]}};ReactiveFormsSelect=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-reactive-form",imports:[select_component.l,fesm2022_forms.X1],template:'\n\t\t<form [formGroup]="formGroup">\n\t\t\t<cds-select formControlName="selecterino">\n\t\t\t\t<option value="default" disabled selected hidden>Choose an option</option>\n\t\t\t\t<option value="option1">Option 1</option>\n\t\t\t\t<option value="option2">Option 2</option>\n\t\t\t\t<option value="option3">Option 3</option>\n\t\t\t</cds-select>\n\t\t</form>\n\t\t<div style="display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem">\n\t\t\tselectedValue: {{ formGroup.get("selecterino").value }}\n\t\t\t<div>\n\t\t\t\t<button (click)="clearSelection()">Clear selection</button>\n\t\t\t\t<button (click)="selectRandom()">Select random</button>\n\t\t\t</div>\n\t\t</div>\n\t'})],ReactiveFormsSelect);var ai_label=__webpack_require__("./src/ai-label/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts"),ai_label_story_shared=__webpack_require__("./src/storybook/ai-label-story-shared.ts");const select_stories={title:"Components/Select",decorators:[(0,dist.Iz)({imports:[fesm2022_forms.YN,fesm2022_forms.X1,ai_label.Zr,src_button.tm,icon.op,src_select.l6,src_select.c$,src_select.JM,ReactiveFormsSelect]})],args:{hideLabel:!1,skeleton:!1,disabled:!1,readonly:!1,invalid:!1,invalidText:"Please select an option.",warn:!1,warnText:"This is a warning!",label:"Select label",helperText:"Optional helper text",size:"md",theme:"dark",display:"default",fluid:!1},argTypes:{size:{options:["sm","md","lg"],control:"radio"},theme:{options:["light","dark"],control:"radio"},display:{options:["default","inline"],control:"radio"}},component:src_select.l6,subcomponents:{Option:src_select.c$,OptGroup:src_select.JM}},Template=args=>({props:args,template:'\n        <cds-select\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            [hideLabel]="hideLabel">\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="solong">A much longer option that is worth having around to check how text flows</option>\n            <optgroup label="Category 1">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n            <optgroup label="Category 2">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n        </cds-select>\n    '}),Basic=Template.bind({}),Fluid=Template.bind({});Fluid.args={fluid:!0};const NgModel=(args=>({props:args,template:'\n        <cds-select\n            [(ngModel)]="model"\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            ariaLabel=\'ngModel select\'>\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="option1">Option 1</option>\n            <option value="option2">Option 2</option>\n            <option value="option3">Option 3</option>\n        </cds-select>\n    '})).bind({});NgModel.args={model:"option2"},NgModel.argTypes={model:{options:["default","option1","option2","option3"],control:"select"}};const ReactiveForms=(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/select/stories/app-reactive-form.component.ts\n        --\x3e\n        <app-reactive-form></app-reactive-form>\n    "})).bind({});ReactiveForms.parameters={controls:{disable:!0}};const OptionsSelected=(args=>({props:args,template:'\n        <cds-select label="Type">\n            <option\n                value="on-hand"\n                [selected]="selected === \'on-hand\'">\n                On hand\n            </option>\n            <option\n                value="in-transit-inbound"\n                [selected]="selected === \'in-transit-inbound\'">\n                Inbound in-transit\n            </option>\n            <option\n                value="in-transit-outbound"\n                [selected]="selected === \'in-transit-outbound\'">\n                Outbound in-transit\n            </option>\n        </cds-select>\n    '})).bind({});OptionsSelected.storyName="Changing selected through option selected property",OptionsSelected.args={selected:"in-transit-inbound"},OptionsSelected.argTypes={selected:{options:["on-hand","in-transit-inbound","in-transit-outbound"],control:"select"}};const ValueProperty=(args=>({props:args,template:'\n        <cds-select label="Type" [value]="selected">\n            <option value="on-hand">On hand</option>\n            <option value="in-transit-inbound">Inbound in-transit</option>\n            <option value="in-transit-outbound">Outbound in-transit</option>\n        </cds-select>\n    '})).bind({});ValueProperty.storyName="Changing selected through value property",ValueProperty.args={selected:"in-transit-outbound"},ValueProperty.argTypes={selected:{options:["on-hand","in-transit-inbound","in-transit-outbound"],control:"select"}};const withAILabel=()=>({styles:ai_label_story_shared.lt,template:'\n        <cds-select label="Select" [decorator]="decoratorTpl">\n            <option value="a">Option A</option>\n            <option value="b">Option B</option>\n        </cds-select>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="default"\n                size="mini"\n                [autoAlign]="true"\n                [align]="\'bottom-end\'"\n                aiText="AI"\n                ariaLabel="Show information">\n                '+ai_label_story_shared.tw+"\n            </cds-ai-label>\n        </ng-template>\n    "}),__namedExportsOrder=["Basic","Fluid","NgModel","ReactiveForms","OptionsSelected","ValueProperty","withAILabel"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            [hideLabel]="hideLabel">\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="solong">A much longer option that is worth having around to check how text flows</option>\n            <optgroup label="Category 1">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n            <optgroup label="Category 2">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n        </cds-select>\n    `\n})',...Basic.parameters?.docs?.source}}},Fluid.parameters={...Fluid.parameters,docs:{...Fluid.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            [hideLabel]="hideLabel">\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="solong">A much longer option that is worth having around to check how text flows</option>\n            <optgroup label="Category 1">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n            <optgroup label="Category 2">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n        </cds-select>\n    `\n})',...Fluid.parameters?.docs?.source}}},NgModel.parameters={...NgModel.parameters,docs:{...NgModel.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select\n            [(ngModel)]="model"\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            ariaLabel=\'ngModel select\'>\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="option1">Option 1</option>\n            <option value="option2">Option 2</option>\n            <option value="option3">Option 3</option>\n        </cds-select>\n    `\n})',...NgModel.parameters?.docs?.source}}},ReactiveForms.parameters={...ReactiveForms.parameters,docs:{...ReactiveForms.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/select/stories/app-reactive-form.component.ts\n        --\x3e\n        <app-reactive-form></app-reactive-form>\n    `\n})",...ReactiveForms.parameters?.docs?.source}}},OptionsSelected.parameters={...OptionsSelected.parameters,docs:{...OptionsSelected.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select label="Type">\n            <option\n                value="on-hand"\n                [selected]="selected === \'on-hand\'">\n                On hand\n            </option>\n            <option\n                value="in-transit-inbound"\n                [selected]="selected === \'in-transit-inbound\'">\n                Inbound in-transit\n            </option>\n            <option\n                value="in-transit-outbound"\n                [selected]="selected === \'in-transit-outbound\'">\n                Outbound in-transit\n            </option>\n        </cds-select>\n    `\n})',...OptionsSelected.parameters?.docs?.source}}},ValueProperty.parameters={...ValueProperty.parameters,docs:{...ValueProperty.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select label="Type" [value]="selected">\n            <option value="on-hand">On hand</option>\n            <option value="in-transit-inbound">Inbound in-transit</option>\n            <option value="in-transit-outbound">Outbound in-transit</option>\n        </cds-select>\n    `\n})',...ValueProperty.parameters?.docs?.source}}},withAILabel.parameters={...withAILabel.parameters,docs:{...withAILabel.parameters?.docs,source:{originalSource:'() => ({\n  styles: AI_LABEL_STORY_STYLES,\n  template: `\n        <cds-select label="Select" [decorator]="decoratorTpl">\n            <option value="a">Option A</option>\n            <option value="b">Option B</option>\n        </cds-select>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="default"\n                size="mini"\n                [autoAlign]="true"\n                [align]="\'bottom-end\'"\n                aiText="AI"\n                ariaLabel="Show information">\n                ` + AI_LABEL_INNER + `\n            </cds-ai-label>\n        </ng-template>\n    `\n})',...withAILabel.parameters?.docs?.source}}}}}]);
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[4728],{"./src/select/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{JM:()=>OptGroup,c$:()=>Option,l6:()=>select_component.l,py:()=>SelectModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let OptGroup=class OptGroup{constructor(){this.inputClass="cds--select-optgroup"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};OptGroup=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"optgroup",standalone:!0})],OptGroup);let Option=class Option{constructor(){this.inputClass="cds--select-option"}static{this.propDecorators={inputClass:[{type:core.HostBinding,args:["class"]}]}}};Option=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"option",standalone:!0})],Option);var select_component=__webpack_require__("./src/select/select.component.ts"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),icon=__webpack_require__("./src/icon/index.ts");let SelectModule=class SelectModule{};SelectModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[select_component.l,Option,OptGroup],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,icon.LJ,select_component.l,Option,OptGroup]})],SelectModule)},"./src/select/select.component.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>Select});var Select_1,tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),_angular_forms__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs"),carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icon/index.ts");let Select=class Select{constructor(){this.display="default",this.warn=!1,this.id="select-"+Select_1.selectCount++,this.size="md",this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.readonly=!1,this.theme="dark",this.hideLabel=!1,this.fluid=!1,this.valueChange=new _angular_core__WEBPACK_IMPORTED_MODULE_1__.EventEmitter,this.focused=!1,this.onChangeHandler=_=>{},this.onTouchedHandler=()=>{}}static{Select_1=this}get hostFormItemClass(){return!this.skeleton}get hostSelectFluidClass(){return this.fluid&&!this.skeleton}set value(v){this._value=v,this.select&&(this.select.nativeElement.value=this._value)}get value(){return this._value}static{this.selectCount=0}ngAfterViewInit(){void 0!==this.value&&null!==this.value&&this.select&&this.select.nativeElement.value!==this.value&&(this.select.nativeElement.value=this.value)}writeValue(obj){this.value=obj}registerOnChange(fn){this.onChangeHandler=fn}registerOnTouched(fn){this.onTouchedHandler=fn}setDisabledState(isDisabled){this.disabled=isDisabled}onChange(event){this.value=event.target.value,this.onChangeHandler(event.target.value),this.valueChange.emit(event.target.value)}focusOut(){this.onTouchedHandler()}isTemplate(value){return value instanceof _angular_core__WEBPACK_IMPORTED_MODULE_1__.TemplateRef}onMouseDown(event){this.readonly&&(event.preventDefault(),event.target.focus())}onKeyDown(event){this.readonly&&["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"," "].includes(event.key)&&event.preventDefault()}handleFocus(event){this.focused="focus"===event.type}static{this.propDecorators={hostFormItemClass:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["class.cds--form-item"]}],hostSelectFluidClass:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["class.cds--select--fluid"]}],value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],display:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],label:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],helperText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalidText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warn:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],warnText:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],id:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],size:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],skeleton:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],invalid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],readonly:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],theme:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],ariaLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hideLabel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],fluid:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],decorator:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],valueChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Output}],select:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewChild,args:["select"]}],focusOut:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["focusout"]}]}}};Select=Select_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Cg)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Component)({selector:"cds-select, ibm-select",template:'\n\t\t\t@if (skeleton && !fluid) {\n\t\t\t\t@if (label) {\n\t\t\t\t\t<div class="cds--label cds--skeleton"></div>\n\t\t\t\t}\n\t\t\t\t<div class="cds--select cds--skeleton"></div>\n\t\t\t}\n\t\t\t@if (skeleton && fluid) {\n\t\t\t\t<div class="cds--list-box__wrapper--fluid">\n\t\t\t\t\t<div class="cds--list-box cds--skeleton">\n\t\t\t\t\t\t<div class="cds--list-box__label"></div>\n\t\t\t\t\t\t<div class="cds--list-box__field"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (!skeleton) {\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--select"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select--inline\': display === \'inline\',\n\t\t\t\t\t\t\'cds--select--light\': theme === \'light\',\n\t\t\t\t\t\t\'cds--select--invalid\': invalid,\n\t\t\t\t\t\t\'cds--select--warning\': warn,\n\t\t\t\t\t\t\'cds--select--disabled\': disabled,\n\t\t\t\t\t\t\'cds--select--readonly\': readonly,\n\t\t\t\t\t\t\'cds--select--fluid--invalid\': fluid && invalid,\n\t\t\t\t\t\t\'cds--select--fluid--focus\': fluid && focused,\n\t\t\t\t\t\t\'cds--select--decorator\': !!decorator\n\t\t\t\t\t}">\n\t\t\t\t\t@if (label) {\n\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t[for]="id"\n\t\t\t\t\t\t\tclass="cds--label"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--label--disabled\': disabled,\n\t\t\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(label)) {\n\t\t\t\t\t\t\t\t{{label}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</label>\n\t\t\t\t\t}\n\t\t\t\t\t@if (display === \'inline\') {\n\t\t\t\t\t\t<div class="cds--select-input--inline__wrapper">\n\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<ng-container *ngTemplateOutlet="noInline"></ng-container>\n\t\t\t\t\t}\n\t\t\t\t\t@if (helperText && !invalid && !warn && !skeleton && !fluid) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass="cds--form__helper-text"\n\t\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\t\'cds--form__helper-text--disabled\': disabled\n\t\t\t\t\t\t\t}">\n\t\t\t\t\t\t\t@if (!isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t{{helperText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(helperText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="helperText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\x3c!-- select element: dynamically projected based on \'display\' variant --\x3e\n\t\t<ng-template #noInline>\n\t\t\t<div class="cds--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)">\n\t\t\t\t<select\n\t\t\t\t\t#select\n\t\t\t\t\t[attr.id]="id"\n\t\t\t\t\t[attr.aria-label]="ariaLabel"\n\t\t\t\t\t[disabled]="disabled"\n\t\t\t\t\t(change)="onChange($event)"\n\t\t\t\t\t[attr.aria-invalid]="invalid ? \'true\' : null"\n\t\t\t\t\t[attr.aria-readonly]="readonly ? \'true\' : null"\n\t\t\t\t\tclass="cds--select-input"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--select-input--sm\': size === \'sm\',\n\t\t\t\t\t\t\'cds--select-input--md\': size === \'md\',\n\t\t\t\t\t\t\'cds--select-input--lg\': size === \'lg\'\n\t\t\t\t\t}"\n\t\t\t\t\t(mousedown)="onMouseDown($event)"\n\t\t\t\t\t(keydown)="onKeyDown($event)"\n\t\t\t\t\t(focus)="fluid ? handleFocus($event) : null"\n\t\t\t\t\t(blur)="fluid ? handleFocus($event) : null">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</select>\n\t\t\t\t<svg\n\t\t\t\t\tfocusable="false"\n\t\t\t\t\tpreserveAspectRatio="xMidYMid meet"\n\t\t\t\t\tstyle="will-change: transform;"\n\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\tclass="cds--select__arrow"\n\t\t\t\t\twidth="16"\n\t\t\t\t\theight="16"\n\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\taria-hidden="true">\n\t\t\t\t\t<path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path>\n\t\t\t\t</svg>\n\t\t\t\t@if (invalid) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<svg\n\t\t\t\t\t\tcdsIcon="warning--alt--filled"\n\t\t\t\t\t\tsize="16"\n\t\t\t\t\t\tclass="cds--select__invalid-icon cds--select__invalid-icon--warning">\n\t\t\t\t\t</svg>\n\t\t\t\t}\n\t\t\t\t@if (decorator) {\n\t\t\t\t\t<div class="cds--select__inner-wrapper--decorator">\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (fluid) {\n\t\t\t\t\t<hr class="cds--select__divider" />\n\t\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (!fluid) {\n\t\t\t\t@if (invalid && invalidText) {\n\t\t\t\t\t<div\n\t\t\t\t\t\trole="alert"\n\t\t\t\t\t\tclass="cds--form-requirement"\n\t\t\t\t\t\taria-live="polite">\n\t\t\t\t\t\t@if (!isTemplate(invalidText)) {\n\t\t\t\t\t\t\t{{invalidText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(invalidText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="invalidText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!invalid && warn) {\n\t\t\t\t\t<div class="cds--form-requirement">\n\t\t\t\t\t\t@if (!isTemplate(warnText)) {\n\t\t\t\t\t\t\t{{warnText}}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t@if (isTemplate(warnText)) {\n\t\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="warnText"></ng-template>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t',providers:[{provide:_angular_forms__WEBPACK_IMPORTED_MODULE_2__.kq,useExisting:Select,multi:!0}],imports:[_angular_common__WEBPACK_IMPORTED_MODULE_3__.YU,_angular_common__WEBPACK_IMPORTED_MODULE_3__.T3,carbon_components_angular_icon__WEBPACK_IMPORTED_MODULE_4__.LJ]})],Select)},"./src/select/select.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Fluid:()=>Fluid,NgModel:()=>NgModel,OptionsSelected:()=>OptionsSelected,ReactiveForms:()=>ReactiveForms,ValueProperty:()=>ValueProperty,__namedExportsOrder:()=>__namedExportsOrder,default:()=>select_stories,withAILabel:()=>withAILabel});var fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),src_select=__webpack_require__("./src/select/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),select_component=__webpack_require__("./src/select/select.component.ts");let ReactiveFormsSelect=class ReactiveFormsSelect{constructor(formBuilder){this.formBuilder=formBuilder}clearSelection(){this.formGroup.get("selecterino")?.setValue("default")}selectRandom(){this.formGroup.get("selecterino")?.setValue(["default","option1","option2","option3"][Math.floor(4*Math.random())])}ngOnInit(){this.formGroup=this.formBuilder.group({selecterino:new fesm2022_forms.MJ}),this.formGroup.get("selecterino")?.setValue("option2")}static{this.ctorParameters=()=>[{type:fesm2022_forms.ok}]}};ReactiveFormsSelect=(0,tslib_es6.Cg)([(0,core.Component)({selector:"app-reactive-form",imports:[select_component.l,fesm2022_forms.X1],template:'\n\t\t<form [formGroup]="formGroup">\n\t\t\t<cds-select formControlName="selecterino">\n\t\t\t\t<option value="default" disabled selected hidden>Choose an option</option>\n\t\t\t\t<option value="option1">Option 1</option>\n\t\t\t\t<option value="option2">Option 2</option>\n\t\t\t\t<option value="option3">Option 3</option>\n\t\t\t</cds-select>\n\t\t</form>\n\t\t<div style="display: flex; flex-direction: column; gap: 2rem; margin-top: 2rem">\n\t\t\tselectedValue: {{ formGroup.get("selecterino").value }}\n\t\t\t<div>\n\t\t\t\t<button (click)="clearSelection()">Clear selection</button>\n\t\t\t\t<button (click)="selectRandom()">Select random</button>\n\t\t\t</div>\n\t\t</div>\n\t'})],ReactiveFormsSelect);var ai_label=__webpack_require__("./src/ai-label/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts"),ai_label_story_shared=__webpack_require__("./src/storybook/ai-label-story-shared.ts");const select_stories={title:"Components/Select",decorators:[(0,dist.Iz)({imports:[fesm2022_forms.YN,fesm2022_forms.X1,ai_label.Zr,src_button.tm,icon.op,src_select.l6,src_select.c$,src_select.JM,ReactiveFormsSelect]})],args:{hideLabel:!1,skeleton:!1,disabled:!1,readonly:!1,invalid:!1,invalidText:"Please select an option.",warn:!1,warnText:"This is a warning!",label:"Select label",helperText:"Optional helper text",size:"md",theme:"dark",display:"default",fluid:!1},argTypes:{size:{options:["sm","md","lg"],control:"radio"},theme:{options:["light","dark"],control:"radio"},display:{options:["default","inline"],control:"radio"}},component:src_select.l6,subcomponents:{Option:src_select.c$,OptGroup:src_select.JM}},Template=args=>({props:args,template:'\n        <cds-select\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            [hideLabel]="hideLabel">\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="solong">A much longer option that is worth having around to check how text flows</option>\n            <optgroup label="Category 1">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n            <optgroup label="Category 2">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n        </cds-select>\n    '}),Basic=Template.bind({}),Fluid=Template.bind({});Fluid.args={fluid:!0};const NgModel=(args=>({props:args,template:'\n        <cds-select\n            [(ngModel)]="model"\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            ariaLabel=\'ngModel select\'>\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="option1">Option 1</option>\n            <option value="option2">Option 2</option>\n            <option value="option3">Option 3</option>\n        </cds-select>\n    '})).bind({});NgModel.args={model:"option2"},NgModel.argTypes={model:{options:["default","option1","option2","option3"],control:"select"}};const ReactiveForms=(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/select/stories/app-reactive-form.component.ts\n        --\x3e\n        <app-reactive-form></app-reactive-form>\n    "})).bind({});ReactiveForms.parameters={controls:{disable:!0}};const OptionsSelected=(args=>({props:args,template:'\n        <cds-select label="Type">\n            <option\n                value="on-hand"\n                [selected]="selected === \'on-hand\'">\n                On hand\n            </option>\n            <option\n                value="in-transit-inbound"\n                [selected]="selected === \'in-transit-inbound\'">\n                Inbound in-transit\n            </option>\n            <option\n                value="in-transit-outbound"\n                [selected]="selected === \'in-transit-outbound\'">\n                Outbound in-transit\n            </option>\n        </cds-select>\n    '})).bind({});OptionsSelected.storyName="Changing selected through option selected property",OptionsSelected.args={selected:"in-transit-inbound"},OptionsSelected.argTypes={selected:{options:["on-hand","in-transit-inbound","in-transit-outbound"],control:"select"}};const ValueProperty=(args=>({props:args,template:'\n        <cds-select label="Type" [value]="selected">\n            <option value="on-hand">On hand</option>\n            <option value="in-transit-inbound">Inbound in-transit</option>\n            <option value="in-transit-outbound">Outbound in-transit</option>\n        </cds-select>\n    '})).bind({});ValueProperty.storyName="Changing selected through value property",ValueProperty.args={selected:"in-transit-outbound"},ValueProperty.argTypes={selected:{options:["on-hand","in-transit-inbound","in-transit-outbound"],control:"select"}};const withAILabel=()=>({styles:ai_label_story_shared.lt,template:'\n        <cds-select label="Select" [decorator]="decoratorTpl">\n            <option value="a">Option A</option>\n            <option value="b">Option B</option>\n        </cds-select>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="default"\n                size="mini"\n                [autoAlign]="true"\n                [align]="\'bottom-end\'"\n                aiText="AI"\n                ariaLabel="Show information">\n                '+ai_label_story_shared.tw+"\n            </cds-ai-label>\n        </ng-template>\n    "}),__namedExportsOrder=["Basic","Fluid","NgModel","ReactiveForms","OptionsSelected","ValueProperty","withAILabel"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            [hideLabel]="hideLabel">\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="solong">A much longer option that is worth having around to check how text flows</option>\n            <optgroup label="Category 1">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n            <optgroup label="Category 2">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n        </cds-select>\n    `\n})',...Basic.parameters?.docs?.source}}},Fluid.parameters={...Fluid.parameters,docs:{...Fluid.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            [hideLabel]="hideLabel">\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="solong">A much longer option that is worth having around to check how text flows</option>\n            <optgroup label="Category 1">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n            <optgroup label="Category 2">\n                <option value="option1">Option 1</option>\n                <option value="option2">Option 2</option>\n            </optgroup>\n        </cds-select>\n    `\n})',...Fluid.parameters?.docs?.source}}},NgModel.parameters={...NgModel.parameters,docs:{...NgModel.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select\n            [(ngModel)]="model"\n            [skeleton]="skeleton"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [size]="size"\n            [invalid]="invalid"\n            [invalidText]="invalidText"\n            [warn]="warn"\n            [warnText]="warnText"\n            [label]="label"\n            [helperText]="helperText"\n            [theme]="theme"\n            [(ngModel)]="model"\n            [fluid]="fluid"\n            [display]="display"\n            ariaLabel=\'ngModel select\'>\n            <option value="default" disabled selected hidden>Choose an option</option>\n            <option value="option1">Option 1</option>\n            <option value="option2">Option 2</option>\n            <option value="option3">Option 3</option>\n        </cds-select>\n    `\n})',...NgModel.parameters?.docs?.source}}},ReactiveForms.parameters={...ReactiveForms.parameters,docs:{...ReactiveForms.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/select/stories/app-reactive-form.component.ts\n        --\x3e\n        <app-reactive-form></app-reactive-form>\n    `\n})",...ReactiveForms.parameters?.docs?.source}}},OptionsSelected.parameters={...OptionsSelected.parameters,docs:{...OptionsSelected.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select label="Type">\n            <option\n                value="on-hand"\n                [selected]="selected === \'on-hand\'">\n                On hand\n            </option>\n            <option\n                value="in-transit-inbound"\n                [selected]="selected === \'in-transit-inbound\'">\n                Inbound in-transit\n            </option>\n            <option\n                value="in-transit-outbound"\n                [selected]="selected === \'in-transit-outbound\'">\n                Outbound in-transit\n            </option>\n        </cds-select>\n    `\n})',...OptionsSelected.parameters?.docs?.source}}},ValueProperty.parameters={...ValueProperty.parameters,docs:{...ValueProperty.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-select label="Type" [value]="selected">\n            <option value="on-hand">On hand</option>\n            <option value="in-transit-inbound">Inbound in-transit</option>\n            <option value="in-transit-outbound">Outbound in-transit</option>\n        </cds-select>\n    `\n})',...ValueProperty.parameters?.docs?.source}}},withAILabel.parameters={...withAILabel.parameters,docs:{...withAILabel.parameters?.docs,source:{originalSource:'() => ({\n  styles: AI_LABEL_STORY_STYLES,\n  template: `\n        <cds-select label="Select" [decorator]="decoratorTpl">\n            <option value="a">Option A</option>\n            <option value="b">Option B</option>\n        </cds-select>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="default"\n                size="mini"\n                [autoAlign]="true"\n                [align]="\'bottom-end\'"\n                aiText="AI"\n                ariaLabel="Show information">\n                ` + AI_LABEL_INNER + `\n            </cds-ai-label>\n        </ng-template>\n    `\n})',...withAILabel.parameters?.docs?.source}}}}}]);

package/docs/storybook/tag-tag-stories.c0c023cc.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[3902],{"./src/tag/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{vw:()=>Tag,$J:()=>TagFilter,$C:()=>TagModule,yq:()=>TagOperationalComponent,wC:()=>TagSelectableComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let Tag=class Tag{constructor(){this.type="gray",this.size="md",this.class="",this.skeleton=!1}get attrClass(){const skeletonClass=this.skeleton?"cds--skeleton":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`;return`cds--tag cds--tag--${this.type} ${sizeClass} ${skeletonClass} ${this.class}`}static{this.propDecorators={type:[{type:core.Input}],size:[{type:core.Input}],class:[{type:core.Input}],skeleton:[{type:core.Input}],decorator:[{type:core.Input}],attrClass:[{type:core.HostBinding,args:["attr.class"]}]}}};Tag=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag, ibm-tag",template:'\n\t\t@if (!skeleton) {\n\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span class="cds--tag__label">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t</span>\n\t\t\t@if (decorator) {\n\n\t\t\t\t<div class="cds--tag__decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\n}\n\n}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3],standalone:!0})],Tag);var icon=__webpack_require__("./src/icon/index.ts");let TagFilter=class TagFilter extends Tag{constructor(){super(...arguments),this.closeButtonLabel="Clear Filter",this.disabled=!1,this.close=new core.EventEmitter,this.click=new core.EventEmitter}onClick(event){event.stopImmediatePropagation(),this.disabled||this.click.emit({action:"click"})}onClose(event){event.stopImmediatePropagation(),this.click.emit({action:"close"}),this.close.emit()}get attrClass(){const disabledClass=this.disabled?"cds--tag--disabled":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`,skeletonClass=this.skeleton?"cds--skeleton":"";return`cds--tag cds--tag--filter cds--tag--${this.type} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`}get attrAriaLabel(){return`${this.title||""} ${this.closeButtonLabel}`.trim()}static{this.propDecorators={closeButtonLabel:[{type:core.Input}],disabled:[{type:core.Input}],title:[{type:core.Input}],close:[{type:core.Output}],click:[{type:core.Output}],attrClass:[{type:core.HostBinding,args:["attr.class"]}],attrAriaLabel:[{type:core.HostBinding,args:["attr.aria-label"]}]}}};TagFilter=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag-filter, ibm-tag-filter",template:'\n\t\t@if (!skeleton) {\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span\n\t\t\t\tclass="cds--tag__label"\n\t\t\t\t[attr.title]="title ? title : null"\n\t\t\t\t(click)="onClick($event)">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t\t@if (decorator) {\n\t\t\t\t<div class="cds--tag__decorator">\n\t\t\t\t\t<ng-template [ngTemplateOutlet]="decorator"></ng-template>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<button\n\t\t\t\tclass="cds--tag__close-icon"\n\t\t\t\t(click)="onClose($event)"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[title]="closeButtonLabel">\n\t\t\t\t<span class="cds--visually-hidden">{{closeButtonLabel}}</span>\n\t\t\t\t<svg cdsIcon="close" size="16"></svg>\n\t\t\t</button>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3,icon.LJ]})],TagFilter);let TagIconDirective=class TagIconDirective{constructor(){this.tagIcon=!0}static{this.propDecorators={tagIcon:[{type:core.HostBinding,args:["class.cds--tag__custom-icon"]}]}}};TagIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsTagIcon], [ibmTagIcon]",standalone:!0})],TagIconDirective);let TagSelectableComponent=class TagSelectableComponent{constructor(){this.role="button",this.buttonType="button",this.tabIndex=0,this.size="md",this.skeleton=!1,this.disabled=!1,this.class="",this.selected=!1,this.selectedChange=new core.EventEmitter}get ariaPressed(){return this.selected}onClick(){this.selected=!this.selected,this.selectedChange.emit(this.selected)}get attrClass(){const disabledClass=this.disabled?"cds--tag--disabled":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`,skeletonClass=this.skeleton?"cds--skeleton":"";return`cds--tag cds--tag--selectable ${this.selected?"cds--tag--selectable-selected":""} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`}static{this.propDecorators={role:[{type:core.HostBinding,args:["attr.role"]}],buttonType:[{type:core.HostBinding,args:["attr.type"]}],tabIndex:[{type:core.HostBinding,args:["attr.tabindex"]}],ariaPressed:[{type:core.HostBinding,args:["attr.aria-pressed"]}],size:[{type:core.Input}],skeleton:[{type:core.Input}],disabled:[{type:core.Input}],class:[{type:core.Input}],selected:[{type:core.Input}],selectedChange:[{type:core.Output}],onClick:[{type:core.HostListener,args:["click"]}],attrClass:[{type:core.HostBinding,args:["attr.class"]}]}}};TagSelectableComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag-selectable, ibm-tag-selectable",template:'\n\t\t@if (!skeleton) {\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span class="cds--tag__label">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],TagSelectableComponent);let TagOperationalComponent=class TagOperationalComponent extends Tag{constructor(){super(...arguments),this.role="button",this.buttonType="button",this.tabIndex=0,this.disabled=!1}get attrClass(){const disabledClass=this.disabled?"cds--tag--disabled":"",sizeClass=`cds--tag--${this.size} cds--layout--size-${this.size}`,skeletonClass=this.skeleton?"cds--skeleton":"";return`cds--tag cds--tag--operational cds--tag--${this.type} ${disabledClass} ${sizeClass} ${skeletonClass} ${this.class}`}static{this.propDecorators={role:[{type:core.HostBinding,args:["attr.role"]}],buttonType:[{type:core.HostBinding,args:["attr.type"]}],tabIndex:[{type:core.HostBinding,args:["attr.tabindex"]}],disabled:[{type:core.Input}],attrClass:[{type:core.HostBinding,args:["attr.class"]}]}}};TagOperationalComponent=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-tag-operational, ibm-tag-operational",template:'\n\t\t@if (!skeleton) {\n\t\t\t<ng-content select="[cdsTagIcon],[ibmTagIcon]" />\n\t\t\t<span class="cds--tag__label">\n\t\t\t\t<ng-content />\n\t\t\t</span>\n\t\t}\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],TagOperationalComponent);let TagModule=class TagModule{};TagModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Tag,TagFilter,TagIconDirective,TagSelectableComponent,TagOperationalComponent],imports:[icon.LJ,Tag,TagFilter,TagIconDirective,TagSelectableComponent,TagOperationalComponent]})],TagModule)},"./src/tag/tag.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Filter:()=>Filter,OperationalTag:()=>OperationalTag,SelectedTag:()=>SelectedTag,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,withAILabel:()=>withAILabel});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/tag/index.ts"),_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/index.ts"),_popover__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/popover/index.ts"),_ai_label__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/ai-label/index.ts"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/button/index.ts"),_storybook_ai_label_story_shared__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/storybook/ai-label-story-shared.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Tag",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_1__.vw,_icon__WEBPACK_IMPORTED_MODULE_2__.LJ,_popover__WEBPACK_IMPORTED_MODULE_3__.de,_popover__WEBPACK_IMPORTED_MODULE_3__.hl,___WEBPACK_IMPORTED_MODULE_1__.yq,___WEBPACK_IMPORTED_MODULE_1__.$J,___WEBPACK_IMPORTED_MODULE_1__.wC,_ai_label__WEBPACK_IMPORTED_MODULE_4__.Zr,_button__WEBPACK_IMPORTED_MODULE_5__.tm]})],args:{size:"md",type:"red",skeleton:!1},argTypes:{type:{options:["warm-gray","red","magenta","purple","blue","cyan","teal","green","cool-gray","high-contrast","outline"],control:"select"}},component:___WEBPACK_IMPORTED_MODULE_1__.vw},Basic=(args=>({props:args,template:'\n        <cds-tag\n            [type]="type"\n            [skeleton]="skeleton"\n            [size]="size">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Read only\n        </cds-tag>\n    '})).bind({}),Filter=(args=>({props:args,template:'\n        <cds-tag-filter\n            [type]="type"\n            [size]="size"\n            [skeleton]="skeleton"\n            title="Filter"\n            closeButtonLabel="Clear">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Filtered\n        </cds-tag-filter>\n    '})).bind({}),SelectedTag=(args=>({props:args,template:'\n        <cds-tag-selectable\n            [size]="size"\n            [skeleton]="skeleton"\n            [selected]="selected"\n            (selectedChange)="selectedChange($event)"\n            (click)="onClick($event)">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Selectable\n        </cds-tag-selectable>\n    '})).bind({});SelectedTag.args={selected:!1},SelectedTag.argTypes={onClick:{action:"clicked"},selectedChange:{action:"Selected change"}};const OperationalTag=(args=>({props:args,template:'\n        <cds-tag-operational\n            type="cyan"\n            [size]="size"\n            [skeleton]="skeleton"\n            (click)="onClick($event)">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Operational\n        </cds-tag-operational>\n\n\n        <div\n            cdsPopover\n            [isOpen]="isOpen"\n            [highContrast]="true">\n            <cds-tag-operational\n                [type]="type"\n                [size]="size"\n                [skeleton]="skeleton"\n                (click)="isOpen = !isOpen">\n                <div cdsTagIcon>\n                    <svg ibmIcon="settings" size="16"></svg>\n                </div>\n                Operational w/ popover\n            </cds-tag-operational>\n            <cds-popover-content>\n                <div class="popover-content">\n                    Tag 1 name <br>\n                    Tag 2 name <br>\n                    Tag 3 name <br>\n                    Tag 4 name <br>\n                    <cds-tag type="green">Tag 5 name</cds-tag>\n                </div>\n            </cds-popover-content>\n        </div>\n    ',styles:[".popover-content {\n            line-height: 1.5;\n            padding: 1rem;\n            font-size: 14px;\n        }"]})).bind({});OperationalTag.argTypes={onClick:{action:"clicked"}};const withAILabel=()=>({styles:_storybook_ai_label_story_shared__WEBPACK_IMPORTED_MODULE_6__.lt,template:'\n        <cds-tag [type]="\'gray\'" [decorator]="decoratorTpl">\n            Tag with decorator\n        </cds-tag>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="inline"\n                size="sm"\n                [autoAlign]="true"\n                aiText="AI"\n                ariaLabel="Show information">\n                '+_storybook_ai_label_story_shared__WEBPACK_IMPORTED_MODULE_6__.tw+"\n            </cds-ai-label>\n        </ng-template>\n    "}),__namedExportsOrder=["Basic","Filter","SelectedTag","OperationalTag","withAILabel"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-tag\n            [type]="type"\n            [skeleton]="skeleton"\n            [size]="size">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Read only\n        </cds-tag>\n    `\n})',...Basic.parameters?.docs?.source}}},Filter.parameters={...Filter.parameters,docs:{...Filter.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-tag-filter\n            [type]="type"\n            [size]="size"\n            [skeleton]="skeleton"\n            title="Filter"\n            closeButtonLabel="Clear">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Filtered\n        </cds-tag-filter>\n    `\n})',...Filter.parameters?.docs?.source}}},SelectedTag.parameters={...SelectedTag.parameters,docs:{...SelectedTag.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-tag-selectable\n            [size]="size"\n            [skeleton]="skeleton"\n            [selected]="selected"\n            (selectedChange)="selectedChange($event)"\n            (click)="onClick($event)">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Selectable\n        </cds-tag-selectable>\n    `\n})',...SelectedTag.parameters?.docs?.source}}},OperationalTag.parameters={...OperationalTag.parameters,docs:{...OperationalTag.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-tag-operational\n            type="cyan"\n            [size]="size"\n            [skeleton]="skeleton"\n            (click)="onClick($event)">\n            <div cdsTagIcon>\n                <svg ibmIcon="settings" size="16"></svg>\n            </div>\n            Operational\n        </cds-tag-operational>\n\n\n        <div\n            cdsPopover\n            [isOpen]="isOpen"\n            [highContrast]="true">\n            <cds-tag-operational\n                [type]="type"\n                [size]="size"\n                [skeleton]="skeleton"\n                (click)="isOpen = !isOpen">\n                <div cdsTagIcon>\n                    <svg ibmIcon="settings" size="16"></svg>\n                </div>\n                Operational w/ popover\n            </cds-tag-operational>\n            <cds-popover-content>\n                <div class="popover-content">\n                    Tag 1 name <br>\n                    Tag 2 name <br>\n                    Tag 3 name <br>\n                    Tag 4 name <br>\n                    <cds-tag type="green">Tag 5 name</cds-tag>\n                </div>\n            </cds-popover-content>\n        </div>\n    `,\n  styles: [`.popover-content {\n            line-height: 1.5;\n            padding: 1rem;\n            font-size: 14px;\n        }`]\n})',...OperationalTag.parameters?.docs?.source}}},withAILabel.parameters={...withAILabel.parameters,docs:{...withAILabel.parameters?.docs,source:{originalSource:'() => ({\n  styles: AI_LABEL_STORY_STYLES,\n  template: `\n        <cds-tag [type]="\'gray\'" [decorator]="decoratorTpl">\n            Tag with decorator\n        </cds-tag>\n        <ng-template #decoratorTpl>\n            <cds-ai-label\n                class="ai-label-container"\n                kind="inline"\n                size="sm"\n                [autoAlign]="true"\n                aiText="AI"\n                ariaLabel="Show information">\n                ` + AI_LABEL_INNER + `\n            </cds-ai-label>\n        </ng-template>\n    `\n})',...withAILabel.parameters?.docs?.source}}}}}]);

package/docs/storybook/toggle-toggle-stories.fa8a4852.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[8156],{"./src/toggle/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>Toggle,d:()=>ToggleModule});var Toggle_1,tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs"),fesm2022_forms=__webpack_require__("./node_modules/@angular/forms/fesm2022/forms.mjs"),i18n=__webpack_require__("./src/i18n/index.ts"),common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let Toggle=class Toggle{static{Toggle_1=this}static{this.toggleCount=0}set checked(checked){this.setChecked(!!checked)}get checked(){return this._checked}set offText(value){this._offValues.override(value)}get offText(){return this._offValues.value}set onText(value){this._onValues.override(value)}get onText(){return this._onValues.value}get disabledClass(){return this.disabled}get formItem(){return!this.skeleton}constructor(changeDetectorRef,i18n){this.changeDetectorRef=changeDetectorRef,this.i18n=i18n,this.disabled=!1,this.checkedChange=new core.EventEmitter,this.size="md",this.hideLabel=!1,this.skeleton=!1,this.toggleClass=!0,this.id="toggle-"+Toggle_1.toggleCount,this._checked=!1,this._offValues=this.i18n.getOverridable("TOGGLE.OFF"),this._onValues=this.i18n.getOverridable("TOGGLE.ON"),this.onTouched=()=>{},this.propagateChange=()=>{},Toggle_1.toggleCount++}setDisabledState(isDisabled){this.disabled=isDisabled,this.changeDetectorRef.markForCheck()}getOffText(){return this._offValues.subject}getOnText(){return this._onValues.subject}getCheckedText(){return this.checked?this._onValues.subject:this._offValues.subject}emitChangeEvent(){this.checkedChange.emit(this.checked),this.propagateChange(this.checked)}isTemplate(value){return value instanceof core.TemplateRef}writeValue(value){this.setChecked(!!value)}registerOnChange(fn){this.propagateChange=fn}registerOnTouched(fn){this.onTouched=fn}onClick(event){event.stopPropagation(),this.disabled||(this.setChecked(!this._checked),this.emitChangeEvent())}focusOut(){this.onTouched()}setChecked(checked){checked!==this._checked&&(this._checked=checked,this.changeDetectorRef.markForCheck())}static{this.ctorParameters=()=>[{type:core.ChangeDetectorRef},{type:i18n.F2}]}static{this.propDecorators={disabled:[{type:core.Input}],checked:[{type:core.Input}],checkedChange:[{type:core.Output}],offText:[{type:core.Input}],onText:[{type:core.Input}],label:[{type:core.Input}],size:[{type:core.Input}],hideLabel:[{type:core.Input}],ariaLabel:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--toggle--skeleton"]},{type:core.Input}],toggleClass:[{type:core.HostBinding,args:["class.cds--toggle"]}],disabledClass:[{type:core.HostBinding,args:["class.cds--toggle--disabled"]}],formItem:[{type:core.HostBinding,args:["class.cds--form-item"]}],focusOut:[{type:core.HostListener,args:["focusout"]}]}}};Toggle=Toggle_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toggle, ibm-toggle",template:'\n\t\t@if (skeleton) {\n\t\t\t<div class="cds--toggle__skeleton-circle"></div>\n\t\t\t<div class="cds--toggle__skeleton-rectangle"></div>\n\t\t} @else {\n\t\t\t<button\n\t\t\t\tclass="cds--toggle__button"\n\t\t\t\t[disabled]="disabled"\n\t\t\t\t[id]="id"\n\t\t\t\trole="switch"\n\t\t\t\ttype="button"\n\t\t\t\t[attr.aria-checked]="checked"\n\t\t\t\t(click)="onClick($event)"\n\t\t\t\t[attr.aria-label]="ariaLabel">\n\t\t\t</button>\n\t\t\t<label\n\t\t\t\tclass="cds--toggle__label"\n\t\t\t\t[for]="id">\n\t\t\t\t<span\n\t\t\t\t\tclass="cds--toggle__label-text"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--visually-hidden\': hideLabel\n\t\t\t\t\t}">\n\t\t\t\t\t@if (isTemplate(label)) {\n\t\t\t\t\t\t<ng-template [ngTemplateOutlet]="label" />\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t{{label}}\n\t\t\t\t\t}\n\t\t\t\t</span>\n\t\t\t\t<div\n\t\t\t\t\tclass="cds--toggle__appearance"\n\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\'cds--toggle__appearance--sm\': size === \'sm\'\n\t\t\t\t\t}">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass="cds--toggle__switch"\n\t\t\t\t\t\t[ngClass]="{\n\t\t\t\t\t\t\t\'cds--toggle__switch--checked\': checked\n\t\t\t\t\t\t}">\n\t\t\t\t\t\t@if (size === \'sm\') {\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclass=\'cds--toggle__check\'\n\t\t\t\t\t\t\t\twidth="6px"\n\t\t\t\t\t\t\t\theight="5px"\n\t\t\t\t\t\t\t\tviewBox="0 0 6 5">\n\t\t\t\t\t\t\t\t<path d="M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<span class="cds--toggle__text">\n\t\t\t\t\t\t{{(hideLabel ? label : (getCheckedText() | async))}}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t}\n\t',providers:[{provide:fesm2022_forms.kq,useExisting:Toggle,multi:!0}],imports:[common_module_Dx7dWex5.YU,common_module_Dx7dWex5.T3,common_module_Dx7dWex5.Jj]})],Toggle);let ToggleModule=class ToggleModule{};ToggleModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Toggle],imports:[common_module_Dx7dWex5.MD,fesm2022_forms.YN,i18n.LP,Toggle]})],ToggleModule)},"./src/toggle/toggle.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/toggle/index.ts");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Toggle",decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.Iz)({imports:[___WEBPACK_IMPORTED_MODULE_1__.l]})],component:___WEBPACK_IMPORTED_MODULE_1__.l},Basic=(args=>({props:args,template:'\n        <cds-toggle\n            [skeleton]="skeleton"\n            [label]="label"\n            [hideLabel]="hideLabel"\n            [onText]="onText"\n            [offText]="offText"\n            [disabled]="disabled"\n            [checked]="checked"\n            (checkedChange)="onChange($event)"\n            [size]="size">\n        </cds-toggle>\n    '})).bind({});Basic.args={disabled:!1,checked:!1,hideLabel:!1,label:"Toggle element label",onText:"On",offText:"Off",skeleton:!1,size:"md"},Basic.argTypes={onChange:{control:"Toggled!"},size:{options:["sm","md"],control:"radio"}};const __namedExportsOrder=["Basic"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <cds-toggle\n            [skeleton]="skeleton"\n            [label]="label"\n            [hideLabel]="hideLabel"\n            [onText]="onText"\n            [offText]="offText"\n            [disabled]="disabled"\n            [checked]="checked"\n            (checkedChange)="onChange($event)"\n            [size]="size">\n        </cds-toggle>\n    `\n})',...Basic.parameters?.docs?.source}}}}}]);

package/docs/storybook/toggletip-toggletip-stories.9b065bb4.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[966],{"./src/button/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{TV:()=>BaseIconButton,$n:()=>Button,tm:()=>ButtonModule,Te:()=>ButtonSet,K0:()=>IconButton});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Button=class Button{constructor(){this.cdsButton="primary",this.skeleton=!1,this.iconOnly=!1,this.isExpressive=!1,this.baseClass=!0}set ibmButton(type){this.cdsButton=type}get primaryButton(){return"primary"===this.cdsButton||!this.cdsButton}get secondaryButton(){return"secondary"===this.cdsButton}get tertiaryButton(){return"tertiary"===this.cdsButton}get ghostButton(){return"ghost"===this.cdsButton}get dangerButton(){return"danger"===this.cdsButton||"danger--primary"===this.cdsButton}get dangerTertiary(){return"danger--tertiary"===this.cdsButton}get dangerGhost(){return"danger--ghost"===this.cdsButton}get extraSmallSize(){return"xs"===this.size&&!this.isExpressive}get smallSize(){return"sm"===this.size&&!this.isExpressive}get mediumSize(){return"md"===this.size&&!this.isExpressive}get largeSize(){return"lg"===this.size}get extraLargeSize(){return"xl"===this.size}get twoExtraLargeSize(){return"2xl"===this.size}get extraSmallLayoutSize(){return"xs"===this.size&&!this.isExpressive}get smallLayoutSize(){return"sm"===this.size&&!this.isExpressive}get mediumLayoutSize(){return"md"===this.size&&!this.isExpressive}get largeLayoutSize(){return"lg"===this.size}get extraLargeLayoutSize(){return"xl"===this.size}get twoExtraLargeLayoutSize(){return"2xl"===this.size}static{this.propDecorators={ibmButton:[{type:core.Input}],cdsButton:[{type:core.Input}],size:[{type:core.Input}],skeleton:[{type:core.HostBinding,args:["class.cds--skeleton"]},{type:core.Input}],iconOnly:[{type:core.HostBinding,args:["class.cds--btn--icon-only"]},{type:core.Input}],isExpressive:[{type:core.HostBinding,args:["class.cds--btn--expressive"]},{type:core.Input}],baseClass:[{type:core.HostBinding,args:["class.cds--btn"]}],primaryButton:[{type:core.HostBinding,args:["class.cds--btn--primary"]}],secondaryButton:[{type:core.HostBinding,args:["class.cds--btn--secondary"]}],tertiaryButton:[{type:core.HostBinding,args:["class.cds--btn--tertiary"]}],ghostButton:[{type:core.HostBinding,args:["class.cds--btn--ghost"]}],dangerButton:[{type:core.HostBinding,args:["class.cds--btn--danger"]}],dangerTertiary:[{type:core.HostBinding,args:["class.cds--btn--danger--tertiary"]}],dangerGhost:[{type:core.HostBinding,args:["class.cds--btn--danger--ghost"]}],extraSmallSize:[{type:core.HostBinding,args:["class.cds--btn--xs"]}],smallSize:[{type:core.HostBinding,args:["class.cds--btn--sm"]}],mediumSize:[{type:core.HostBinding,args:["class.cds--btn--md"]}],largeSize:[{type:core.HostBinding,args:["class.cds--btn--lg"]}],extraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--xl"]}],twoExtraLargeSize:[{type:core.HostBinding,args:["class.cds--btn--2xl"]}],extraSmallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xs"]}],smallLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-sm"]}],mediumLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-md"]}],largeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-lg"]}],extraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-xl"]}],twoExtraLargeLayoutSize:[{type:core.HostBinding,args:["class.cds--layout--size-2xl"]}]}}};Button=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsButton], [ibmButton]",standalone:!0})],Button);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ButtonSet=class ButtonSet{constructor(){this.buttonSetClass=!0,this.fluid=!1,this.stacked=!1}get fluidClass(){return this.fluid}get stackedClass(){return this.stacked}static{this.propDecorators={buttonSetClass:[{type:core.HostBinding,args:["class.cds--btn-set"]}],fluid:[{type:core.Input}],stacked:[{type:core.Input}],fluidClass:[{type:core.HostBinding,args:["class.cds--btn-set--fluid"]}],stackedClass:[{type:core.HostBinding,args:["class.cds--btn-set--stacked"]}]}}};ButtonSet=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-button-set, ibm-button-set",template:'\n\t\t@if (fluid) {\n\t\t\t<div class="cds--btn-set__fluid-inner cds--btn-set__fluid-inner--auto-stack">\n\t\t\t\t<ng-container *ngTemplateOutlet="content"></ng-container>\n\t\t\t</div>\n\t\t}\n\t\t@if (!fluid) {\n\t\t\t<ng-container *ngTemplateOutlet="content" />\n\t\t}\n\n\t\t<ng-template #content>\n\t\t\t<ng-content />\n\t\t</ng-template>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[common_module_Dx7dWex5.T3]})],ButtonSet);let BaseIconButton=class BaseIconButton{constructor(){this.caret=!0,this.dropShadow=!0,this.highContrast=!0,this.isOpen=!1,this.align="bottom",this.autoAlign=!1,this.enterDelayMs=100,this.leaveDelayMs=300}static{this.propDecorators={caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],isOpen:[{type:core.Input}],align:[{type:core.Input}],autoAlign:[{type:core.Input}],enterDelayMs:[{type:core.Input}],leaveDelayMs:[{type:core.Input}]}}};BaseIconButton=(0,tslib_es6.Cg)([(0,core.Component)({template:"",changeDetection:core.ChangeDetectionStrategy.OnPush,standalone:!0})],BaseIconButton);var IconButton_1,tooltip=__webpack_require__("./src/tooltip/index.ts");let IconButton=class IconButton extends BaseIconButton{static{IconButton_1=this}set buttonNgClass(obj){this.classList=Object.assign({"cds--btn--disabled":this.disabled},obj)}get buttonNgClass(){return this.classList}set buttonAttributes(obj){this.button&&(Object.keys(this.attributeList).forEach((key=>{this.renderer.removeAttribute(this.button.nativeElement,key)})),Object.keys(obj).forEach((key=>{this.renderer.setAttribute(this.button.nativeElement,key,obj[key])}))),this.attributeList=obj}get buttonAttributes(){return this.buttonAttributes}static{this.iconButtonCounter=0}constructor(renderer){super(),this.renderer=renderer,this.buttonId="icon-btn-"+IconButton_1.iconButtonCounter++,this.kind="primary",this.size="lg",this.type="button",this.isExpressive=!1,this.disabled=!1,this.showTooltipWhenDisabled=!1,this.click=new core.EventEmitter,this.focus=new core.EventEmitter,this.blur=new core.EventEmitter,this.tooltipClick=new core.EventEmitter,this.classList={},this.attributeList={}}ngAfterViewInit(){this.buttonAttributes=this.attributeList}emitClickEvent(event,element="button"){event.preventDefault(),event.stopPropagation(),"tooltip"!==element?this.click.emit(event):this.tooltipClick.emit(event)}static{this.ctorParameters=()=>[{type:core.Renderer2}]}static{this.propDecorators={buttonNgClass:[{type:core.Input}],buttonAttributes:[{type:core.Input}],button:[{type:core.ViewChild,args:["button"]}],buttonId:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],type:[{type:core.Input}],isExpressive:[{type:core.Input}],disabled:[{type:core.Input}],description:[{type:core.Input}],showTooltipWhenDisabled:[{type:core.Input}],click:[{type:core.Output}],focus:[{type:core.Output}],blur:[{type:core.Output}],tooltipClick:[{type:core.Output}]}}};IconButton=IconButton_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-icon-button, ibm-icon-button",template:'\n\t<cds-tooltip\n\t\tclass="cds--icon-tooltip"\n\t\t[description]="description"\n\t\t[disabled]="showTooltipWhenDisabled ? false : disabled"\n\t\t[caret]="caret"\n\t\t[dropShadow]="dropShadow"\n\t\t[highContrast]="highContrast"\n\t\t[isOpen]="isOpen"\n\t\t[align]="align"\n\t\t[autoAlign]="autoAlign"\n\t\t[enterDelayMs]="enterDelayMs"\n\t\t[leaveDelayMs]="leaveDelayMs"\n\t\t(click)="emitClickEvent($event, \'tooltip\')">\n\t\t<button\n\t\t\t#button\n\t\t\t[id]="buttonId"\n\t\t\t[disabled]="disabled"\n\t\t\t[attr.type]="type"\n\t\t\t[iconOnly]="true"\n\t\t\t[ngClass]="buttonNgClass"\n\t\t\t[cdsButton]="kind"\n\t\t\t[size]="size"\n\t\t\t[isExpressive]="isExpressive"\n\t\t\t(click)="emitClickEvent($event)"\n\t\t\t(focus)="focus.emit($event)"\n\t\t\t(blur)="blur.emit($event)">\n\t\t\t<ng-content />\n\t\t</button>\n\t</cds-tooltip>\n\t',changeDetection:core.ChangeDetectionStrategy.OnPush,imports:[tooltip.m_,common_module_Dx7dWex5.YU,Button]})],IconButton);let ButtonModule=class ButtonModule{};ButtonModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Button,ButtonSet,IconButton],imports:[common_module_Dx7dWex5.MD,tooltip.Ss,Button,ButtonSet,BaseIconButton,IconButton]})],ButtonModule)},"./src/link/index.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{N_:()=>Link,VM:()=>LinkModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let Link=class Link{constructor(){this.baseClass=!0,this.inline=!1,this.visited=!1}get sizeSm(){return"sm"===this.size}get sizeMd(){return"md"===this.size}get sizeLg(){return"lg"===this.size}set disabled(disabled){this._disabled=disabled,this.tabindex=this.disabled?-1:null}get disabled(){return this._disabled}static{this.propDecorators={baseClass:[{type:core.HostBinding,args:["class.cds--link"]}],tabindex:[{type:core.HostBinding,args:["attr.tabindex"]}],inline:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--inline"]}],size:[{type:core.Input}],sizeSm:[{type:core.HostBinding,args:["class.cds--link--sm"]}],sizeMd:[{type:core.HostBinding,args:["class.cds--link--md"]}],sizeLg:[{type:core.HostBinding,args:["class.cds--link--lg"]}],visited:[{type:core.Input},{type:core.HostBinding,args:["class.cds--link--visited"]}],disabled:[{type:core.Input},{type:core.HostBinding,args:["attr.aria-disabled"]},{type:core.HostBinding,args:["class.cds--link--disabled"]}]}}};Link=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsLink], [ibmLink]",standalone:!0})],Link);let LinkIconDirective=class LinkIconDirective{constructor(){this.iconClass=!0}static{this.propDecorators={iconClass:[{type:core.HostBinding,args:["class.cds--link__icon"]}]}}};LinkIconDirective=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[ibmLinkIcon], [cdsLinkIcon]",standalone:!0})],LinkIconDirective);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let LinkModule=class LinkModule{};LinkModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Link,LinkIconDirective],imports:[common_module_Dx7dWex5.MD,Link,LinkIconDirective]})],LinkModule)},"./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{R:()=>fromEvent});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_observable_innerFrom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"),_Observable__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_operators_mergeMap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js"),_util_isArrayLike__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"),_util_isFunction__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js"),_util_mapOneOrManyArgs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/mapOneOrManyArgs.js"),nodeEventEmitterMethods=["addListener","removeListener"],eventTargetMethods=["addEventListener","removeEventListener"],jqueryMethods=["on","off"];function fromEvent(target,eventName,options,resultSelector){if((0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(options)&&(resultSelector=options,options=void 0),resultSelector)return fromEvent(target,eventName,options).pipe((0,_util_mapOneOrManyArgs__WEBPACK_IMPORTED_MODULE_6__.I)(resultSelector));var _a=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.zs)(function isEventTarget(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.addEventListener)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.removeEventListener)}(target)?eventTargetMethods.map((function(methodName){return function(handler){return target[methodName](eventName,handler,options)}})):function isNodeStyleEventEmitter(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.addListener)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.removeListener)}(target)?nodeEventEmitterMethods.map(toCommonHandlerRegistry(target,eventName)):function isJQueryStyleEventEmitter(target){return(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.on)&&(0,_util_isFunction__WEBPACK_IMPORTED_MODULE_5__.T)(target.off)}(target)?jqueryMethods.map(toCommonHandlerRegistry(target,eventName)):[],2),add=_a[0],remove=_a[1];if(!add&&(0,_util_isArrayLike__WEBPACK_IMPORTED_MODULE_4__.X)(target))return(0,_operators_mergeMap__WEBPACK_IMPORTED_MODULE_3__.Z)((function(subTarget){return fromEvent(subTarget,eventName,options)}))((0,_observable_innerFrom__WEBPACK_IMPORTED_MODULE_1__.Tg)(target));if(!add)throw new TypeError("Invalid event target");return new _Observable__WEBPACK_IMPORTED_MODULE_2__.c((function(subscriber){var handler=function(){for(var args=[],_i=0;_i<arguments.length;_i++)args[_i]=arguments[_i];return subscriber.next(1<args.length?args:args[0])};return add(handler),function(){return remove(handler)}}))}function toCommonHandlerRegistry(target,eventName){return function(methodName){return function(handler){return target[methodName](eventName,handler)}}}},"./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Tg:()=>innerFrom});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_util_isArrayLike__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"),_util_isPromise__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isPromise.js"),_Observable__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Observable.js"),_util_isInteropObservable__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isInteropObservable.js"),_util_isAsyncIterable__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isAsyncIterable.js"),_util_throwUnobservableError__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/throwUnobservableError.js"),_util_isIterable__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isIterable.js"),_util_isReadableStreamLike__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isReadableStreamLike.js"),_util_isFunction__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js"),_util_reportUnhandledError__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/reportUnhandledError.js"),_symbol_observable__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/symbol/observable.js");function innerFrom(input){if(input instanceof _Observable__WEBPACK_IMPORTED_MODULE_3__.c)return input;if(null!=input){if((0,_util_isInteropObservable__WEBPACK_IMPORTED_MODULE_4__.l)(input))return function fromInteropObservable(obj){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){var obs=obj[_symbol_observable__WEBPACK_IMPORTED_MODULE_11__.s]();if((0,_util_isFunction__WEBPACK_IMPORTED_MODULE_9__.T)(obs.subscribe))return obs.subscribe(subscriber);throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}(input);if((0,_util_isArrayLike__WEBPACK_IMPORTED_MODULE_1__.X)(input))return function fromArrayLike(array){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){for(var i=0;i<array.length&&!subscriber.closed;i++)subscriber.next(array[i]);subscriber.complete()}))}(input);if((0,_util_isPromise__WEBPACK_IMPORTED_MODULE_2__.y)(input))return function fromPromise(promise){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){promise.then((function(value){subscriber.closed||(subscriber.next(value),subscriber.complete())}),(function(err){return subscriber.error(err)})).then(null,_util_reportUnhandledError__WEBPACK_IMPORTED_MODULE_10__.m)}))}(input);if((0,_util_isAsyncIterable__WEBPACK_IMPORTED_MODULE_5__.T)(input))return fromAsyncIterable(input);if((0,_util_isIterable__WEBPACK_IMPORTED_MODULE_7__.x)(input))return function fromIterable(iterable){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){var e_1,_a;try{for(var iterable_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.Ju)(iterable),iterable_1_1=iterable_1.next();!iterable_1_1.done;iterable_1_1=iterable_1.next()){var value=iterable_1_1.value;if(subscriber.next(value),subscriber.closed)return}}catch(e_1_1){e_1={error:e_1_1}}finally{try{iterable_1_1&&!iterable_1_1.done&&(_a=iterable_1.return)&&_a.call(iterable_1)}finally{if(e_1)throw e_1.error}}subscriber.complete()}))}(input);if((0,_util_isReadableStreamLike__WEBPACK_IMPORTED_MODULE_8__.U)(input))return function fromReadableStreamLike(readableStream){return fromAsyncIterable((0,_util_isReadableStreamLike__WEBPACK_IMPORTED_MODULE_8__.C)(readableStream))}(input)}throw(0,_util_throwUnobservableError__WEBPACK_IMPORTED_MODULE_6__.L)(input)}function fromAsyncIterable(asyncIterable){return new _Observable__WEBPACK_IMPORTED_MODULE_3__.c((function(subscriber){(function process(asyncIterable,subscriber){var asyncIterable_1,asyncIterable_1_1,e_2,_a;return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.sH)(this,void 0,void 0,(function(){var value,e_2_1;return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.YH)(this,(function(_b){switch(_b.label){case 0:_b.trys.push([0,5,6,11]),asyncIterable_1=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.xN)(asyncIterable),_b.label=1;case 1:return[4,asyncIterable_1.next()];case 2:if((asyncIterable_1_1=_b.sent()).done)return[3,4];if(value=asyncIterable_1_1.value,subscriber.next(value),subscriber.closed)return[2];_b.label=3;case 3:return[3,1];case 4:return[3,11];case 5:return e_2_1=_b.sent(),e_2={error:e_2_1},[3,11];case 6:return _b.trys.push([6,,9,10]),asyncIterable_1_1&&!asyncIterable_1_1.done&&(_a=asyncIterable_1.return)?[4,_a.call(asyncIterable_1)]:[3,8];case 7:_b.sent(),_b.label=8;case 8:return[3,10];case 9:if(e_2)throw e_2.error;return[7];case 10:return[7];case 11:return subscriber.complete(),[2]}}))}))})(asyncIterable,subscriber).catch((function(err){return subscriber.error(err)}))}))}},"./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:()=>mergeMap});var map=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/map.js"),innerFrom=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/innerFrom.js"),lift=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/lift.js"),executeSchedule=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/executeSchedule.js"),OperatorSubscriber=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/OperatorSubscriber.js");var isFunction=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function mergeMap(project,resultSelector,concurrent){return void 0===concurrent&&(concurrent=1/0),(0,isFunction.T)(resultSelector)?mergeMap((function(a,i){return(0,map.T)((function(b,ii){return resultSelector(a,b,i,ii)}))((0,innerFrom.Tg)(project(a,i)))}),concurrent):("number"==typeof resultSelector&&(concurrent=resultSelector),(0,lift.N)((function(source,subscriber){return function mergeInternals(source,subscriber,project,concurrent,onBeforeNext,expand,innerSubScheduler,additionalTeardown){var buffer=[],active=0,index=0,isComplete=!1,checkComplete=function(){!isComplete||buffer.length||active||subscriber.complete()},outerNext=function(value){return active<concurrent?doInnerSub(value):buffer.push(value)},doInnerSub=function(value){expand&&subscriber.next(value),active++;var innerComplete=!1;(0,innerFrom.Tg)(project(value,index++)).subscribe(new OperatorSubscriber.H(subscriber,(function(innerValue){null==onBeforeNext||onBeforeNext(innerValue),expand?outerNext(innerValue):subscriber.next(innerValue)}),(function(){innerComplete=!0}),void 0,(function(){if(innerComplete)try{active--;for(var _loop_1=function(){var bufferedValue=buffer.shift();innerSubScheduler?(0,executeSchedule.N)(subscriber,innerSubScheduler,(function(){return doInnerSub(bufferedValue)})):doInnerSub(bufferedValue)};buffer.length&&active<concurrent;)_loop_1();checkComplete()}catch(err){subscriber.error(err)}})))};return source.subscribe(new OperatorSubscriber.H(subscriber,outerNext,(function(){isComplete=!0,checkComplete()}))),function(){null==additionalTeardown||additionalTeardown()}}(source,subscriber,project,concurrent)})))}},"./node_modules/rxjs/dist/esm5/internal/symbol/iterator.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>iterator});var iterator=function getSymbolIterator(){return"function"==typeof Symbol&&Symbol.iterator?Symbol.iterator:"@@iterator"}()},"./node_modules/rxjs/dist/esm5/internal/util/executeSchedule.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){function executeSchedule(parentSubscription,scheduler,work,delay,repeat){void 0===delay&&(delay=0),void 0===repeat&&(repeat=!1);var scheduleSubscription=scheduler.schedule((function(){work(),repeat?parentSubscription.add(this.schedule(null,delay)):this.unsubscribe()}),delay);if(parentSubscription.add(scheduleSubscription),!repeat)return scheduleSubscription}__webpack_require__.d(__webpack_exports__,{N:()=>executeSchedule})},"./node_modules/rxjs/dist/esm5/internal/util/isArrayLike.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{X:()=>isArrayLike});var isArrayLike=function(x){return x&&"number"==typeof x.length&&"function"!=typeof x}},"./node_modules/rxjs/dist/esm5/internal/util/isAsyncIterable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{T:()=>isAsyncIterable});var _isFunction__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isAsyncIterable(obj){return Symbol.asyncIterator&&(0,_isFunction__WEBPACK_IMPORTED_MODULE_0__.T)(null==obj?void 0:obj[Symbol.asyncIterator])}},"./node_modules/rxjs/dist/esm5/internal/util/isInteropObservable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{l:()=>isInteropObservable});var _symbol_observable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/symbol/observable.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isInteropObservable(input){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(input[_symbol_observable__WEBPACK_IMPORTED_MODULE_0__.s])}},"./node_modules/rxjs/dist/esm5/internal/util/isIterable.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{x:()=>isIterable});var _symbol_iterator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/symbol/iterator.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isIterable(input){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(null==input?void 0:input[_symbol_iterator__WEBPACK_IMPORTED_MODULE_0__.l])}},"./node_modules/rxjs/dist/esm5/internal/util/isPromise.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{y:()=>isPromise});var _isFunction__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function isPromise(value){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_0__.T)(null==value?void 0:value.then)}},"./node_modules/rxjs/dist/esm5/internal/util/isReadableStreamLike.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{C:()=>readableStreamLikeToAsyncGenerator,U:()=>isReadableStreamLike});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_isFunction__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/util/isFunction.js");function readableStreamLikeToAsyncGenerator(readableStream){return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.AQ)(this,arguments,(function readableStreamLikeToAsyncGenerator_1(){var reader,_a,value;return(0,tslib__WEBPACK_IMPORTED_MODULE_0__.YH)(this,(function(_b){switch(_b.label){case 0:reader=readableStream.getReader(),_b.label=1;case 1:_b.trys.push([1,,9,10]),_b.label=2;case 2:return[4,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.N3)(reader.read())];case 3:return _a=_b.sent(),value=_a.value,_a.done?[4,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.N3)(void 0)]:[3,5];case 4:return[2,_b.sent()];case 5:return[4,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.N3)(value)];case 6:return[4,_b.sent()];case 7:return _b.sent(),[3,2];case 8:return[3,10];case 9:return reader.releaseLock(),[7];case 10:return[2]}}))}))}function isReadableStreamLike(obj){return(0,_isFunction__WEBPACK_IMPORTED_MODULE_1__.T)(null==obj?void 0:obj.getReader)}},"./node_modules/rxjs/dist/esm5/internal/util/mapOneOrManyArgs.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{I:()=>mapOneOrManyArgs});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_operators_map__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/map.js"),isArray=Array.isArray;function mapOneOrManyArgs(fn){return(0,_operators_map__WEBPACK_IMPORTED_MODULE_1__.T)((function(args){return function callOrApply(fn,args){return isArray(args)?fn.apply(void 0,(0,tslib__WEBPACK_IMPORTED_MODULE_0__.fX)([],(0,tslib__WEBPACK_IMPORTED_MODULE_0__.zs)(args))):fn(args)}(fn,args)}))}},"./node_modules/rxjs/dist/esm5/internal/util/throwUnobservableError.js"(__unused_webpack_module,__webpack_exports__,__webpack_require__){function createInvalidObservableTypeError(input){return new TypeError("You provided "+(null!==input&&"object"==typeof input?"an invalid object":"'"+input+"'")+" where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.")}__webpack_require__.d(__webpack_exports__,{L:()=>createInvalidObservableTypeError})},"./src/toggletip/toggletip.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,WithAutoAlign:()=>WithAutoAlign,__namedExportsOrder:()=>__namedExportsOrder,default:()=>toggletip_stories});var dist=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),src_link=__webpack_require__("./src/link/index.ts"),src_button=__webpack_require__("./src/button/index.ts"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2022/core.mjs");let ToggletipAction=class ToggletipAction{constructor(){this.toggleTipActions=!0}static{this.propDecorators={toggleTipActions:[{type:core.HostBinding,args:["class.cds--toggletip-actions"]}]}}};ToggletipAction=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipAction], [ibmToggletipAction]",standalone:!0})],ToggletipAction);let ToggletipButton=class ToggletipButton{constructor(){this.toggletipButton=!0,this.toggletipButtonType="button",this.ariaLabel="Show information"}static{this.propDecorators={toggletipButton:[{type:core.HostBinding,args:["class.cds--toggletip-button"]}],toggletipButtonType:[{type:core.HostBinding,args:["attr.type"]}],ariaLabel:[{type:core.HostBinding,args:["attr.aria-label"]},{type:core.Input}]}}};ToggletipButton=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipButton], [ibmToggletipButton]",standalone:!0})],ToggletipButton);let ToggletipContent=class ToggletipContent{constructor(){this.toggletipContent=!0}static{this.propDecorators={toggletipContent:[{type:core.HostBinding,args:["class.cds--toggletip-content"]}]}}};ToggletipContent=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipContent], [ibmToggletipContent]",standalone:!0})],ToggletipContent);let ToggletipLabel=class ToggletipLabel{constructor(){this.toggleTipLabel=!0}static{this.propDecorators={toggleTipLabel:[{type:core.HostBinding,args:["class.cds--toggletip-label"]}]}}};ToggletipLabel=(0,tslib_es6.Cg)([(0,core.Directive)({selector:"[cdsToggletipLabel], [ibmToggletipLabel]",standalone:!0})],ToggletipLabel);var Toggletip_1,fromEvent=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"),popover=__webpack_require__("./src/popover/index.ts");let Toggletip=class Toggletip extends popover.de{static{Toggletip_1=this}static{this.toggletipCounter=0}constructor(hostElement,ngZone,renderer,changeDetectorRef){super(hostElement,ngZone,renderer,changeDetectorRef),this.hostElement=hostElement,this.ngZone=ngZone,this.renderer=renderer,this.changeDetectorRef=changeDetectorRef,this.id="tooltip-"+Toggletip_1.toggletipCounter++,this.toggletipClass=!0,this.isOpen=!1,this.documentClick=this.handleFocusOut.bind(this),this.highContrast=!0,this.dropShadow=!1}ngAfterViewInit(){this.initializeReferences(),this.subscription=(0,fromEvent.R)(this.btn.nativeElement,"click").subscribe((event=>{this.isOpen?document.removeEventListener("click",this.documentClick):document.addEventListener("click",this.documentClick),this.handleExpansion(!this.isOpen,event)})),this.isOpen&&document.addEventListener("click",this.documentClick),this.btn&&this.renderer.setAttribute(this.btn.nativeElement,"aria-controls",this.id)}hostkeys(event){open&&"Escape"===event.key&&(event.stopPropagation(),this.handleExpansion(!1,event))}handleFocusOut(event){this.hostElement.nativeElement.contains(event.target)||this.handleExpansion(!1,event)}ngOnDestroy(){this.subscription.unsubscribe()}handleExpansion(state=!1,event){this.handleChange(state,event),this.btn&&this.renderer.setAttribute(this.btn.nativeElement,"aria-expanded",this.isOpen.toString())}static{this.ctorParameters=()=>[{type:core.ElementRef},{type:core.NgZone},{type:core.Renderer2},{type:core.ChangeDetectorRef}]}static{this.propDecorators={id:[{type:core.Input}],toggletipClass:[{type:core.HostBinding,args:["class.cds--toggletip"]}],isOpen:[{type:core.HostBinding,args:["class.cds--toggletip--open"]},{type:core.Input}],btn:[{type:core.ContentChild,args:[ToggletipButton,{read:core.ElementRef}]}],hostkeys:[{type:core.HostListener,args:["keyup",["$event"]]}]}}};Toggletip=Toggletip_1=(0,tslib_es6.Cg)([(0,core.Component)({selector:"cds-toggletip, ibm-toggletip",changeDetection:core.ChangeDetectionStrategy.OnPush,template:'\n\t\t<ng-content select="[cdsToggletipButton]" />\n\t\t<cds-popover-content [attr.id]="id" aria-live="polite">\n\t\t\t<ng-content select="[cdsToggletipContent]" />\n\t\t</cds-popover-content>\n\t',imports:[popover.hl]})],Toggletip);var common_module_Dx7dWex5=__webpack_require__("./node_modules/@angular/common/fesm2022/common_module-Dx7dWex5.mjs");let ToggletipModule=class ToggletipModule{};ToggletipModule=(0,tslib_es6.Cg)([(0,core.NgModule)({exports:[Toggletip,ToggletipLabel,ToggletipAction,ToggletipButton,ToggletipContent],imports:[common_module_Dx7dWex5.MD,popover.k0,Toggletip,ToggletipLabel,ToggletipAction,ToggletipButton,ToggletipContent]})],ToggletipModule);const toggletip_stories={title:"Components/Toggletip",decorators:[(0,dist.Iz)({imports:[Toggletip,ToggletipAction,ToggletipButton,ToggletipContent,ToggletipLabel,src_link.N_,src_button.$n]})],args:{isOpen:!0,align:"bottom",autoAlign:!1},argTypes:{autoAlign:{control:!1},onOpen:{action:"onOpen"},onClose:{action:"onClose"},isOpenChange:{action:"isOpenChange"},align:{options:["top","bottom","left","right"],control:"select"}},component:Toggletip,subcomponents:{ToggletipAction,ToggletipButton,ToggletipContent,ToggletipLabel}},Basic=(args=>({props:args,template:'\n        <span cdsToggletipLabel>Toggletip label</span>\n        <cds-toggletip\n            [isOpen]="isOpen"\n            [align]="align"\n            (isOpenChange)="isOpenChange($event)"\n            (onClose)="onClose($event)"\n            (onOpen)="onOpen($event)">\n            <button cdsToggletipButton>\n                <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                    <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                </svg>\n            </button>\n            <div cdsToggletipContent>\n                <p>\n                    Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                    do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                </p>\n                <div cdsToggletipAction>\n                    <a href="#" cdsLink>Link action</a>\n                    <button cdsButton size="sm">Some button</button>\n                </div>\n            </div>\n        </cds-toggletip>\n    ',styles:["\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    "]})).bind({});Basic.parameters={docs:{story:{inline:!1,height:"30rem"}},layout:"centered"};const WithAutoAlign=(args=>({props:args,template:'\n        <div style="height:3000px">\n            Scrolling will update the position of the popover:\n            <div style="position: absolute; top: 500px; left: 500px;">\n            <span cdsToggletipLabel>Toggletip label</span>\n                <cds-toggletip\n                    [isOpen]="isOpen"\n                    [align]="align"\n                    [autoAlign]="true"\n                    (isOpenChange)="isOpenChange($event)"\n                    (onClose)="onClose($event)"\n                    (onOpen)="onOpen($event)">\n                    <button cdsToggletipButton>\n                        <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                            <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                        </svg>\n                    </button>\n                    <div cdsToggletipContent>\n                        <p>\n                            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                        </p>\n                        <div cdsToggletipAction>\n                            <a href="#" cdsLink>Link action</a>\n                            <button cdsButton size="sm">Some button</button>\n                        </div>\n                    </div>\n                </cds-toggletip>\n            </div>\n        </div>\n    ',styles:["\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    "]})).bind({});WithAutoAlign.args={autoAlign:!0,align:"top"};const __namedExportsOrder=["Basic","WithAutoAlign"];Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <span cdsToggletipLabel>Toggletip label</span>\n        <cds-toggletip\n            [isOpen]="isOpen"\n            [align]="align"\n            (isOpenChange)="isOpenChange($event)"\n            (onClose)="onClose($event)"\n            (onOpen)="onOpen($event)">\n            <button cdsToggletipButton>\n                <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                    <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                </svg>\n            </button>\n            <div cdsToggletipContent>\n                <p>\n                    Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                    do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                </p>\n                <div cdsToggletipAction>\n                    <a href="#" cdsLink>Link action</a>\n                    <button cdsButton size="sm">Some button</button>\n                </div>\n            </div>\n        </cds-toggletip>\n    `,\n  styles: [`\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    `]\n})',...Basic.parameters?.docs?.source}}},WithAutoAlign.parameters={...WithAutoAlign.parameters,docs:{...WithAutoAlign.parameters?.docs,source:{originalSource:'args => ({\n  props: args,\n  template: `\n        <div style="height:3000px">\n            Scrolling will update the position of the popover:\n            <div style="position: absolute; top: 500px; left: 500px;">\n            <span cdsToggletipLabel>Toggletip label</span>\n                <cds-toggletip\n                    [isOpen]="isOpen"\n                    [align]="align"\n                    [autoAlign]="true"\n                    (isOpenChange)="isOpenChange($event)"\n                    (onClose)="onClose($event)"\n                    (onOpen)="onOpen($event)">\n                    <button cdsToggletipButton>\n                        <svg preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">\n                            <path d="M26,4H6A2,2,0,0,0,4,6V26a2,2,0,0,0,2,2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4ZM6,26V6H26V26Z"></path>\n                        </svg>\n                    </button>\n                    <div cdsToggletipContent>\n                        <p>\n                            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n                            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n                        </p>\n                        <div cdsToggletipAction>\n                            <a href="#" cdsLink>Link action</a>\n                            <button cdsButton size="sm">Some button</button>\n                        </div>\n                    </div>\n                </cds-toggletip>\n            </div>\n        </div>\n    `,\n  styles: [`\n        .tooltip-trigger {\n            box-sizing: border-box;\n            margin: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            background: white;\n            border: 1px solid var(--cds-border-subtle);\n            cursor: pointer;\n        }\n        svg { fill: var(--cds-background-inverse); }\n    `]\n})',...WithAutoAlign.parameters?.docs?.source}}}}}]);

package/fesm2022/carbon-components-angular-ai-label.mjs

@@ -184,7 +184,7 @@ class AILabelComponent {
         /**
          * **Experimental**: Use floating-ui to position the tooltip.
          */
-        this.autoAlign = false;
+        this.autoAlign = true;
         /**
          * Whether the callout is open.
          */

package/fesm2022/carbon-components-angular-ai-label.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"carbon-components-angular-ai-label.mjs","sources":["../../src/ai-label/ai-label-actions.directive.ts","../../src/ai-label/ai-label-content.directive.ts","../../src/ai-label/ai-label-popover.directive.ts","../../src/ai-label/ai-label.component.ts","../../src/ai-label/ai-label.module.ts","../../src/ai-label/carbon-components-angular-ai-label.ts"],"sourcesContent":["import { Directive, HostBinding } from \"@angular/core\";\r\n\r\n/**\r\n * Host for actions inside a `<cds-ai-label>` popover. Applies `cds--toggletip-actions`\r\n * and `cds--ai-label-actions`.\r\n *\r\n * ```html\r\n * <cds-ai-label>\r\n *   <div cdsAILabelContent>\r\n *     <p>Explanation text</p>\r\n *     <div cdsAILabelActions>\r\n *       <button cdsButton=\"ghost\" size=\"sm\">View details</button>\r\n *     </div>\r\n *   </div>\r\n * </cds-ai-label>\r\n * ```\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAILabelActions], [ibmAILabelActions]\",\r\n\tstandalone: true\r\n})\r\nexport class AILabelActions {\r\n\t@HostBinding(\"class.cds--toggletip-actions\") toggletipActions = true;\r\n\t@HostBinding(\"class.cds--ai-label-actions\") aiLabelActions = true;\r\n}\r\n","import { Directive } from \"@angular/core\";\r\n\r\n/**\r\n * Optional marker for the main body region inside `<cds-ai-label>`. Implementing this for semantics only.\r\n * The structure also matches that of toggletip, in future we may need this.\r\n *\r\n * ```html\r\n * <cds-ai-label size=\"md\">\r\n *   <div cdsAILabelContent>\r\n *     <p>AI Explained</p>\r\n *   </div>\r\n *   <div cdsAILabelActions>\r\n *     <button cdsButton=\"ghost\" size=\"sm\">View details</button>\r\n *   </div>\r\n * </cds-ai-label>\r\n * ```\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAILabelContent], [ibmAILabelContent]\",\r\n\tstandalone: true\r\n})\r\nexport class AILabelContent {}\r\n","import {\r\n\tChangeDetectorRef,\r\n\tDirective,\r\n\tElementRef,\r\n\tNgZone,\r\n\tOnChanges,\r\n\tRenderer2,\r\n\tSimpleChanges\r\n} from \"@angular/core\";\r\n\r\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\r\n\r\n/**\r\n * Popover/toggletip behavior for `cds-ai-label`, applied to an inner wrapper so\r\n * `cds--popover-*` classes are not merged onto the `cds--ai-label` host.\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAILabelPopover]\",\r\n\tstandalone: true\r\n})\r\nexport class AILabelPopoverDirective extends PopoverContainer implements OnChanges {\r\n\tconstructor(\r\n\t\tprotected elementRef: ElementRef,\r\n\t\tprotected ngZone: NgZone,\r\n\t\tprotected renderer: Renderer2,\r\n\t\tprotected changeDetectorRef: ChangeDetectorRef\r\n\t) {\r\n\t\tsuper(elementRef, ngZone, renderer, changeDetectorRef);\r\n\t\tthis.highContrast = true;\r\n\t\tthis.dropShadow = false;\r\n\t}\r\n\r\n\toverride initializeReferences(): void {\r\n\t\tthis.updateAlignmentClass(this._align);\r\n\t\tthis.bindPopoverRefs();\r\n\t\tthis.handleChange(this.isOpen);\r\n\t}\r\n\r\n\toverride ngOnChanges(changes: SimpleChanges): void {\r\n\t\tconst originalState = this.isOpen;\r\n\t\tthis.handleChange(false);\r\n\r\n\t\tif (changes.autoAlign && !changes.autoAlign.firstChange) {\r\n\t\t\tthis.popoverContentRef?.setAttribute(\"style\", \"\");\r\n\t\t\tthis.bindPopoverRefs();\r\n\t\t}\r\n\r\n\t\tthis.handleChange(originalState);\r\n\t}\r\n\r\n\tprivate bindPopoverRefs(): void {\r\n\t\tconst host = this.elementRef.nativeElement;\r\n\t\tconst panel = host.querySelector(\":scope > span.cds--popover\");\r\n\t\tif (!panel) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.popoverContentRef = panel.querySelector(\":scope > span.cds--popover-content\");\r\n\t\tthis.caretRef = this.resolveCaretRef(panel);\r\n\t}\r\n\r\n\tprivate resolveCaretRef(panel: HTMLElement): HTMLElement | null {\r\n\t\tif (this.autoAlign) {\r\n\t\t\treturn panel.querySelector(\r\n\t\t\t\t\"span.cds--popover-content > span.cds--popover-caret.cds--popover--auto-align\"\r\n\t\t\t);\r\n\t\t}\r\n\t\treturn panel.querySelector(\":scope > span.cds--popover-caret\");\r\n\t}\r\n}\r\n","import {\r\n\tAfterViewInit,\r\n\tChangeDetectionStrategy,\r\n\tComponent,\r\n\tElementRef,\r\n\tEventEmitter,\r\n\tHostBinding,\r\n\tHostListener,\r\n\tInput,\r\n\tOnChanges,\r\n\tOnDestroy,\r\n\tOutput,\r\n\tSimpleChanges,\r\n\tViewChild\r\n} from \"@angular/core\";\r\nimport { Placement } from \"@floating-ui/dom\";\r\nimport { NgClass } from \"@angular/common\";\r\n\r\nimport { IconButton } from \"carbon-components-angular/button\";\r\nimport { IconDirective } from \"carbon-components-angular/icon\";\r\n\r\nimport { AILabelPopoverDirective } from \"./ai-label-popover.directive\";\r\n\r\n/**\r\n * @deprecated alignments — use `Placement` names\r\n */\r\ntype DeprecatedAILabelAlign =\r\n\t| \"top-left\"\r\n\t| \"top-right\"\r\n\t| \"bottom-left\"\r\n\t| \"bottom-right\"\r\n\t| \"left-bottom\"\r\n\t| \"left-top\"\r\n\t| \"right-bottom\"\r\n\t| \"right-top\";\r\n\r\n/**\r\n * AI-branded toggletip control (`cds-ai-label`). Renders an \"AI\" badge that opens a\r\n * popover; projected content and optional actions use `ng-content`.\r\n *\r\n * Get started with importing the module:\r\n *\r\n * ```typescript\r\n * import { AILabelModule } from 'carbon-components-angular';\r\n * ```\r\n *\r\n * ```html\r\n * <cds-ai-label size=\"md\">\r\n *   <div>\r\n *     <p>AI Explained</p>\r\n *     <h2>84%</h2>\r\n *     <p>Confidence score</p>\r\n *   </div>\r\n *   <div cdsAILabelActions>\r\n *     <button cdsButton=\"ghost\" size=\"sm\">View details</button>\r\n *   </div>\r\n * </cds-ai-label>\r\n * ```\r\n *\r\n * `[cdsAILabelActions]` adds `cds--toggletip-actions` and `cds--ai-label-actions`\r\n * to its host. Place it as a **sibling** of the body content, both direct\r\n * children of `<cds-ai-label>`. `[cdsAILabelContent]` is an optional marker; the\r\n * `cds--ai-label-content` / `cds--toggletip-content` classes come from this\r\n * component’s template.\r\n *\r\n * [See demo](../../?path=/story/components-ai-label--default)\r\n */\r\n@Component({\r\n\tselector: \"cds-ai-label, ibm-ai-label\",\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\ttemplate: `\r\n\t\t@if (!revertActive) {\r\n\t\t\t<span\r\n\t\t\t\t#aiLabelPopoverHost\r\n\t\t\t\tcdsAILabelPopover\r\n\t\t\t\tclass=\"cds--toggletip\"\r\n\t\t\t\t[isOpen]=\"isOpen\"\r\n\t\t\t\t(isOpenChange)=\"onPopoverIsOpenChange($event)\"\r\n\t\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t\t\t(onClose)=\"onClose.emit($event)\"\r\n\t\t\t\t[align]=\"align\"\r\n\t\t\t\t[caret]=\"caret\"\r\n\t\t\t\t[dropShadow]=\"dropShadow\"\r\n\t\t\t\t[highContrast]=\"highContrast\"\r\n\t\t\t\t[autoAlign]=\"autoAlign\"\r\n\t\t\t\t[alignmentAxisOffset]=\"alignmentAxisOffset\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t[attr.aria-label]=\"computedAriaLabel\"\r\n\t\t\t\t\t[attr.aria-expanded]=\"isOpen\"\r\n\t\t\t\t\t[attr.aria-controls]=\"id\"\r\n\t\t\t\t\t[ngClass]=\"triggerClasses\"\r\n\t\t\t\t\t(click)=\"onTriggerClick($event)\">\r\n\t\t\t\t\t<span class=\"cds--ai-label__text\">{{aiText}}</span>\r\n\t\t\t\t\t@if (kind === 'inline' && textLabel) {\r\n\t\t\t\t\t\t<span class=\"cds--ai-label__additional-text\">{{textLabel}}</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<span\r\n\t\t\t\t\t[id]=\"id\"\r\n\t\t\t\t\tclass=\"cds--popover\"\r\n\t\t\t\t\taria-live=\"polite\">\r\n\t\t\t\t\t<span class=\"cds--popover-content cds--ai-label-content\">\r\n\t\t\t\t\t\t<div class=\"cds--toggletip-content\">\r\n\t\t\t\t\t\t\t<ng-content></ng-content>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t@if (autoAlign) {\r\n\t\t\t\t\t\t\t<span class=\"cds--popover-caret cds--popover--auto-align\"></span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t@if (!autoAlign) {\r\n\t\t\t\t\t\t<span class=\"cds--popover-caret\"></span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</span>\r\n\t\t\t</span>\r\n\t\t}\r\n\t\t@if (revertActive) {\r\n\t\t\t<cds-icon-button\r\n\t\t\t\tkind=\"ghost\"\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\t[description]=\"revertLabel\"\r\n\t\t\t\t[autoAlign]=\"autoAlign\"\r\n\t\t\t\t[buttonAttributes]=\"{ 'aria-label': revertLabel }\"\r\n\t\t\t\t(click)=\"onRevertButtonClick($event)\">\r\n\t\t\t\t<svg cdsIcon=\"undo\" size=\"16\"></svg>\r\n\t\t\t</cds-icon-button>\r\n\t\t}\r\n\t`,\r\n\timports: [NgClass, AILabelPopoverDirective, IconButton, IconDirective]\r\n})\r\nexport class AILabelComponent implements AfterViewInit, OnChanges, OnDestroy {\r\n\tstatic labelCounter = 0;\r\n\r\n\t@HostBinding(\"class.cds--ai-label\") aiLabelClass = true;\r\n\t@HostBinding(\"class.cds--ai-label--revert\") get revertClass() {\r\n\t\treturn this.revertActive;\r\n\t}\r\n\r\n\t/**\r\n\t * Set alignment of popover. Deprecated Carbon alignments are mapped to\r\n\t * floating-ui placements.\r\n\t */\r\n\t@Input() align: DeprecatedAILabelAlign | Placement;\r\n\r\n\t/**\r\n\t * Show caret at the alignment position.\r\n\t */\r\n\t@Input() caret = true;\r\n\r\n\t/**\r\n\t * Enable drop shadow around the popover container.\r\n\t */\r\n\t@Input() dropShadow = false;\r\n\r\n\t/**\r\n\t * Enable high contrast for popover container.\r\n\t */\r\n\t@Input() highContrast = true;\r\n\r\n\t/**\r\n\t * **Experimental**: Use floating-ui to position the tooltip.\r\n\t */\r\n\t@Input() autoAlign = false;\r\n\r\n\t/**\r\n\t * Whether the callout is open.\r\n\t */\r\n\t@Input() isOpen = false;\r\n\r\n\t/**\r\n\t * Emits when the callout is closed.\r\n\t */\r\n\t@Output() onClose = new EventEmitter<Event>();\r\n\r\n\t/**\r\n\t * Emits when the callout is opened.\r\n\t */\r\n\t@Output() onOpen = new EventEmitter<Event>();\r\n\r\n\t/**\r\n\t * Emits when `isOpen` changes (two-way binding).\r\n\t */\r\n\t@Output() isOpenChange = new EventEmitter<boolean>();\r\n\r\n\t/**\r\n\t * Unique id used to associate the trigger button with the popover panel\r\n\t * via `aria-controls` / `id`.\r\n\t */\r\n\t@Input() id = `ai-label-${AILabelComponent.labelCounter++}`;\r\n\r\n\t/**\r\n\t * Text inside the AI badge.\r\n\t */\r\n\t@Input() aiText = \"AI\";\r\n\r\n\t/**\r\n\t * Extra text beside the badge when `kind` is `\"inline\"`.\r\n\t */\r\n\t@Input() textLabel: string;\r\n\r\n\t/**\r\n\t * Set badge shape: `\"default\"` (circular) or `\"inline\"` (pill, optional `textLabel`).\r\n\t */\r\n\t@Input() kind: \"default\" | \"inline\" = \"default\";\r\n\r\n\t/**\r\n\t * Set badge size\r\n\t */\r\n\t@Input() size: \"mini\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" = \"xs\";\r\n\r\n\t/**\r\n\t * Horizontal shift along the alignment axis when `autoAlign` is on, matching\r\n\t * React `AILabel` (`alignmentAxisOffset={isSmallIcon ? -24 : 0}` on `Toggletip`).\r\n\t */\r\n\tget alignmentAxisOffset(): number {\r\n\t\treturn [\"mini\", \"2xs\", \"xs\"].includes(this.size) ? -24 : 0;\r\n\t}\r\n\r\n\t/**\r\n\t * When `true`, shows the revert icon instead of the badge (AI-generated value\r\n\t * is active and can be reverted).\r\n\t */\r\n\t@Input() revertActive = false;\r\n\r\n\t/**\r\n\t * Accessible label / tooltip for the revert icon button.\r\n\t */\r\n\t@Input() revertLabel = \"Revert to AI input\";\r\n\r\n\t/**\r\n\t * `aria-label` for the AI badge trigger (combined with `aiText` in `computedAriaLabel`).\r\n\t */\r\n\t@Input() ariaLabel = \"Show information\";\r\n\r\n\t/**\r\n\t * Emitted when the revert icon is clicked.\r\n\t */\r\n\t@Output() revertClick = new EventEmitter<MouseEvent>();\r\n\r\n\t@ViewChild(\"aiLabelPopoverHost\", { read: AILabelPopoverDirective })\r\n\tprivate aiLabelPopover: AILabelPopoverDirective;\r\n\r\n\tprivate readonly documentClick = this.handleOutsideClick.bind(this);\r\n\r\n\tconstructor(private elementRef: ElementRef) {}\r\n\r\n\tonPopoverIsOpenChange(open: boolean): void {\r\n\t\tthis.isOpen = open;\r\n\t\tthis.isOpenChange.emit(open);\r\n\t}\r\n\r\n\tget triggerClasses(): Record<string, boolean> {\r\n\t\treturn {\r\n\t\t\t\"cds--toggletip-button\": true,\r\n\t\t\t\"cds--ai-label__button\": true,\r\n\t\t\t[`cds--ai-label__button--${this.size}`]: true,\r\n\t\t\t[`cds--ai-label__button--${this.kind}`]: true,\r\n\t\t\t\"cds--ai-label__button--inline-with-content\": this.kind === \"inline\" && !!this.textLabel\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Trigger `aria-label`: `\"${aiText} ${ariaLabel}\"`, or\r\n\t * `\"${aiText} ${textLabel}\"` when `kind` is `\"inline\"` and `textLabel` is set.\r\n\t */\r\n\tget computedAriaLabel(): string {\r\n\t\tconst suffix = (this.kind === \"inline\" && this.textLabel) ? this.textLabel : this.ariaLabel;\r\n\t\treturn `${this.aiText} ${suffix}`;\r\n\t}\r\n\r\n\tngAfterViewInit(): void {\r\n\t\tif (this.isOpen) {\r\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t}\r\n\r\n\tngOnChanges(changes: SimpleChanges): void {\r\n\t\tif (changes.revertActive && !changes.revertActive.firstChange && changes.revertActive.currentValue) {\r\n\t\t\tthis.isOpen = false;\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t}\r\n\r\n\tngOnDestroy(): void {\r\n\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t}\r\n\r\n\tonTriggerClick(event: MouseEvent): void {\r\n\t\tconst opening = !this.isOpen;\r\n\t\tif (opening) {\r\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\r\n\t\t} else {\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t\tthis.aiLabelPopover?.handleChange(opening, event);\r\n\t}\r\n\r\n\tonRevertButtonClick(event: MouseEvent): void {\r\n\t\tthis.revertClick.emit(event);\r\n\t}\r\n\r\n\t@HostListener(\"keyup\", [\"$event\"])\r\n\thostkeys(event: KeyboardEvent): void {\r\n\t\tif (this.isOpen && event.key === \"Escape\") {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t\tthis.aiLabelPopover?.handleChange(false, event);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Dismisses the popover when a click lands outside the host element.\r\n\t */\r\n\tprivate handleOutsideClick(event: MouseEvent): void {\r\n\t\tif (!this.elementRef.nativeElement.contains(event.target as Node)) {\r\n\t\t\tthis.aiLabelPopover?.handleChange(false, event);\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t}\r\n}\r\n","/**\r\n * Copyright IBM Corp. 2024, 2026\r\n *\r\n * This source code is licensed under the Apache-2.0 license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n */\r\n\r\nimport { NgModule } from \"@angular/core\";\r\n\r\nimport { AILabelComponent } from \"./ai-label.component\";\r\nimport { AILabelPopoverDirective } from \"./ai-label-popover.directive\";\r\nimport { AILabelContent } from \"./ai-label-content.directive\";\r\nimport { AILabelActions } from \"./ai-label-actions.directive\";\r\n\r\n@NgModule({\r\n\texports: [\r\n\t\tAILabelComponent,\r\n\t\tAILabelContent,\r\n\t\tAILabelActions\r\n\t],\r\n\timports: [\r\n\t\tAILabelComponent,\r\n\t\tAILabelPopoverDirective,\r\n\t\tAILabelContent,\r\n\t\tAILabelActions\r\n\t]\r\n})\r\nexport class AILabelModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"carbon-components-angular-ai-label.mjs","sources":["../../src/ai-label/ai-label-actions.directive.ts","../../src/ai-label/ai-label-content.directive.ts","../../src/ai-label/ai-label-popover.directive.ts","../../src/ai-label/ai-label.component.ts","../../src/ai-label/ai-label.module.ts","../../src/ai-label/carbon-components-angular-ai-label.ts"],"sourcesContent":["import { Directive, HostBinding } from \"@angular/core\";\r\n\r\n/**\r\n * Host for actions inside a `<cds-ai-label>` popover. Applies `cds--toggletip-actions`\r\n * and `cds--ai-label-actions`.\r\n *\r\n * ```html\r\n * <cds-ai-label>\r\n *   <div cdsAILabelContent>\r\n *     <p>Explanation text</p>\r\n *     <div cdsAILabelActions>\r\n *       <button cdsButton=\"ghost\" size=\"sm\">View details</button>\r\n *     </div>\r\n *   </div>\r\n * </cds-ai-label>\r\n * ```\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAILabelActions], [ibmAILabelActions]\",\r\n\tstandalone: true\r\n})\r\nexport class AILabelActions {\r\n\t@HostBinding(\"class.cds--toggletip-actions\") toggletipActions = true;\r\n\t@HostBinding(\"class.cds--ai-label-actions\") aiLabelActions = true;\r\n}\r\n","import { Directive } from \"@angular/core\";\r\n\r\n/**\r\n * Optional marker for the main body region inside `<cds-ai-label>`. Implementing this for semantics only.\r\n * The structure also matches that of toggletip, in future we may need this.\r\n *\r\n * ```html\r\n * <cds-ai-label size=\"md\">\r\n *   <div cdsAILabelContent>\r\n *     <p>AI Explained</p>\r\n *   </div>\r\n *   <div cdsAILabelActions>\r\n *     <button cdsButton=\"ghost\" size=\"sm\">View details</button>\r\n *   </div>\r\n * </cds-ai-label>\r\n * ```\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAILabelContent], [ibmAILabelContent]\",\r\n\tstandalone: true\r\n})\r\nexport class AILabelContent {}\r\n","import {\r\n\tChangeDetectorRef,\r\n\tDirective,\r\n\tElementRef,\r\n\tNgZone,\r\n\tOnChanges,\r\n\tRenderer2,\r\n\tSimpleChanges\r\n} from \"@angular/core\";\r\n\r\nimport { PopoverContainer } from \"carbon-components-angular/popover\";\r\n\r\n/**\r\n * Popover/toggletip behavior for `cds-ai-label`, applied to an inner wrapper so\r\n * `cds--popover-*` classes are not merged onto the `cds--ai-label` host.\r\n */\r\n@Directive({\r\n\tselector: \"[cdsAILabelPopover]\",\r\n\tstandalone: true\r\n})\r\nexport class AILabelPopoverDirective extends PopoverContainer implements OnChanges {\r\n\tconstructor(\r\n\t\tprotected elementRef: ElementRef,\r\n\t\tprotected ngZone: NgZone,\r\n\t\tprotected renderer: Renderer2,\r\n\t\tprotected changeDetectorRef: ChangeDetectorRef\r\n\t) {\r\n\t\tsuper(elementRef, ngZone, renderer, changeDetectorRef);\r\n\t\tthis.highContrast = true;\r\n\t\tthis.dropShadow = false;\r\n\t}\r\n\r\n\toverride initializeReferences(): void {\r\n\t\tthis.updateAlignmentClass(this._align);\r\n\t\tthis.bindPopoverRefs();\r\n\t\tthis.handleChange(this.isOpen);\r\n\t}\r\n\r\n\toverride ngOnChanges(changes: SimpleChanges): void {\r\n\t\tconst originalState = this.isOpen;\r\n\t\tthis.handleChange(false);\r\n\r\n\t\tif (changes.autoAlign && !changes.autoAlign.firstChange) {\r\n\t\t\tthis.popoverContentRef?.setAttribute(\"style\", \"\");\r\n\t\t\tthis.bindPopoverRefs();\r\n\t\t}\r\n\r\n\t\tthis.handleChange(originalState);\r\n\t}\r\n\r\n\tprivate bindPopoverRefs(): void {\r\n\t\tconst host = this.elementRef.nativeElement;\r\n\t\tconst panel = host.querySelector(\":scope > span.cds--popover\");\r\n\t\tif (!panel) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.popoverContentRef = panel.querySelector(\":scope > span.cds--popover-content\");\r\n\t\tthis.caretRef = this.resolveCaretRef(panel);\r\n\t}\r\n\r\n\tprivate resolveCaretRef(panel: HTMLElement): HTMLElement | null {\r\n\t\tif (this.autoAlign) {\r\n\t\t\treturn panel.querySelector(\r\n\t\t\t\t\"span.cds--popover-content > span.cds--popover-caret.cds--popover--auto-align\"\r\n\t\t\t);\r\n\t\t}\r\n\t\treturn panel.querySelector(\":scope > span.cds--popover-caret\");\r\n\t}\r\n}\r\n","import {\r\n\tAfterViewInit,\r\n\tChangeDetectionStrategy,\r\n\tComponent,\r\n\tElementRef,\r\n\tEventEmitter,\r\n\tHostBinding,\r\n\tHostListener,\r\n\tInput,\r\n\tOnChanges,\r\n\tOnDestroy,\r\n\tOutput,\r\n\tSimpleChanges,\r\n\tViewChild\r\n} from \"@angular/core\";\r\nimport { Placement } from \"@floating-ui/dom\";\r\nimport { NgClass } from \"@angular/common\";\r\n\r\nimport { IconButton } from \"carbon-components-angular/button\";\r\nimport { IconDirective } from \"carbon-components-angular/icon\";\r\n\r\nimport { AILabelPopoverDirective } from \"./ai-label-popover.directive\";\r\n\r\n/**\r\n * @deprecated alignments — use `Placement` names\r\n */\r\ntype DeprecatedAILabelAlign =\r\n\t| \"top-left\"\r\n\t| \"top-right\"\r\n\t| \"bottom-left\"\r\n\t| \"bottom-right\"\r\n\t| \"left-bottom\"\r\n\t| \"left-top\"\r\n\t| \"right-bottom\"\r\n\t| \"right-top\";\r\n\r\n/**\r\n * AI-branded toggletip control (`cds-ai-label`). Renders an \"AI\" badge that opens a\r\n * popover; projected content and optional actions use `ng-content`.\r\n *\r\n * Get started with importing the module:\r\n *\r\n * ```typescript\r\n * import { AILabelModule } from 'carbon-components-angular';\r\n * ```\r\n *\r\n * ```html\r\n * <cds-ai-label size=\"md\">\r\n *   <div>\r\n *     <p>AI Explained</p>\r\n *     <h2>84%</h2>\r\n *     <p>Confidence score</p>\r\n *   </div>\r\n *   <div cdsAILabelActions>\r\n *     <button cdsButton=\"ghost\" size=\"sm\">View details</button>\r\n *   </div>\r\n * </cds-ai-label>\r\n * ```\r\n *\r\n * `[cdsAILabelActions]` adds `cds--toggletip-actions` and `cds--ai-label-actions`\r\n * to its host. Place it as a **sibling** of the body content, both direct\r\n * children of `<cds-ai-label>`. `[cdsAILabelContent]` is an optional marker; the\r\n * `cds--ai-label-content` / `cds--toggletip-content` classes come from this\r\n * component’s template.\r\n *\r\n * [See demo](../../?path=/story/components-ai-label--default)\r\n */\r\n@Component({\r\n\tselector: \"cds-ai-label, ibm-ai-label\",\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\ttemplate: `\r\n\t\t@if (!revertActive) {\r\n\t\t\t<span\r\n\t\t\t\t#aiLabelPopoverHost\r\n\t\t\t\tcdsAILabelPopover\r\n\t\t\t\tclass=\"cds--toggletip\"\r\n\t\t\t\t[isOpen]=\"isOpen\"\r\n\t\t\t\t(isOpenChange)=\"onPopoverIsOpenChange($event)\"\r\n\t\t\t\t(onOpen)=\"onOpen.emit($event)\"\r\n\t\t\t\t(onClose)=\"onClose.emit($event)\"\r\n\t\t\t\t[align]=\"align\"\r\n\t\t\t\t[caret]=\"caret\"\r\n\t\t\t\t[dropShadow]=\"dropShadow\"\r\n\t\t\t\t[highContrast]=\"highContrast\"\r\n\t\t\t\t[autoAlign]=\"autoAlign\"\r\n\t\t\t\t[alignmentAxisOffset]=\"alignmentAxisOffset\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t[attr.aria-label]=\"computedAriaLabel\"\r\n\t\t\t\t\t[attr.aria-expanded]=\"isOpen\"\r\n\t\t\t\t\t[attr.aria-controls]=\"id\"\r\n\t\t\t\t\t[ngClass]=\"triggerClasses\"\r\n\t\t\t\t\t(click)=\"onTriggerClick($event)\">\r\n\t\t\t\t\t<span class=\"cds--ai-label__text\">{{aiText}}</span>\r\n\t\t\t\t\t@if (kind === 'inline' && textLabel) {\r\n\t\t\t\t\t\t<span class=\"cds--ai-label__additional-text\">{{textLabel}}</span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<span\r\n\t\t\t\t\t[id]=\"id\"\r\n\t\t\t\t\tclass=\"cds--popover\"\r\n\t\t\t\t\taria-live=\"polite\">\r\n\t\t\t\t\t<span class=\"cds--popover-content cds--ai-label-content\">\r\n\t\t\t\t\t\t<div class=\"cds--toggletip-content\">\r\n\t\t\t\t\t\t\t<ng-content></ng-content>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t@if (autoAlign) {\r\n\t\t\t\t\t\t\t<span class=\"cds--popover-caret cds--popover--auto-align\"></span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t@if (!autoAlign) {\r\n\t\t\t\t\t\t<span class=\"cds--popover-caret\"></span>\r\n\t\t\t\t\t}\r\n\t\t\t\t</span>\r\n\t\t\t</span>\r\n\t\t}\r\n\t\t@if (revertActive) {\r\n\t\t\t<cds-icon-button\r\n\t\t\t\tkind=\"ghost\"\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\t[description]=\"revertLabel\"\r\n\t\t\t\t[autoAlign]=\"autoAlign\"\r\n\t\t\t\t[buttonAttributes]=\"{ 'aria-label': revertLabel }\"\r\n\t\t\t\t(click)=\"onRevertButtonClick($event)\">\r\n\t\t\t\t<svg cdsIcon=\"undo\" size=\"16\"></svg>\r\n\t\t\t</cds-icon-button>\r\n\t\t}\r\n\t`,\r\n\timports: [NgClass, AILabelPopoverDirective, IconButton, IconDirective]\r\n})\r\nexport class AILabelComponent implements AfterViewInit, OnChanges, OnDestroy {\r\n\tstatic labelCounter = 0;\r\n\r\n\t@HostBinding(\"class.cds--ai-label\") aiLabelClass = true;\r\n\t@HostBinding(\"class.cds--ai-label--revert\") get revertClass() {\r\n\t\treturn this.revertActive;\r\n\t}\r\n\r\n\t/**\r\n\t * Set alignment of popover. Deprecated Carbon alignments are mapped to\r\n\t * floating-ui placements.\r\n\t */\r\n\t@Input() align: DeprecatedAILabelAlign | Placement;\r\n\r\n\t/**\r\n\t * Show caret at the alignment position.\r\n\t */\r\n\t@Input() caret = true;\r\n\r\n\t/**\r\n\t * Enable drop shadow around the popover container.\r\n\t */\r\n\t@Input() dropShadow = false;\r\n\r\n\t/**\r\n\t * Enable high contrast for popover container.\r\n\t */\r\n\t@Input() highContrast = true;\r\n\r\n\t/**\r\n\t * **Experimental**: Use floating-ui to position the tooltip.\r\n\t */\r\n\t@Input() autoAlign = true;\r\n\r\n\t/**\r\n\t * Whether the callout is open.\r\n\t */\r\n\t@Input() isOpen = false;\r\n\r\n\t/**\r\n\t * Emits when the callout is closed.\r\n\t */\r\n\t@Output() onClose = new EventEmitter<Event>();\r\n\r\n\t/**\r\n\t * Emits when the callout is opened.\r\n\t */\r\n\t@Output() onOpen = new EventEmitter<Event>();\r\n\r\n\t/**\r\n\t * Emits when `isOpen` changes (two-way binding).\r\n\t */\r\n\t@Output() isOpenChange = new EventEmitter<boolean>();\r\n\r\n\t/**\r\n\t * Unique id used to associate the trigger button with the popover panel\r\n\t * via `aria-controls` / `id`.\r\n\t */\r\n\t@Input() id = `ai-label-${AILabelComponent.labelCounter++}`;\r\n\r\n\t/**\r\n\t * Text inside the AI badge.\r\n\t */\r\n\t@Input() aiText = \"AI\";\r\n\r\n\t/**\r\n\t * Extra text beside the badge when `kind` is `\"inline\"`.\r\n\t */\r\n\t@Input() textLabel: string;\r\n\r\n\t/**\r\n\t * Set badge shape: `\"default\"` (circular) or `\"inline\"` (pill, optional `textLabel`).\r\n\t */\r\n\t@Input() kind: \"default\" | \"inline\" = \"default\";\r\n\r\n\t/**\r\n\t * Set badge size\r\n\t */\r\n\t@Input() size: \"mini\" | \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" = \"xs\";\r\n\r\n\t/**\r\n\t * Horizontal shift along the alignment axis when `autoAlign` is on, matching\r\n\t * React `AILabel` (`alignmentAxisOffset={isSmallIcon ? -24 : 0}` on `Toggletip`).\r\n\t */\r\n\tget alignmentAxisOffset(): number {\r\n\t\treturn [\"mini\", \"2xs\", \"xs\"].includes(this.size) ? -24 : 0;\r\n\t}\r\n\r\n\t/**\r\n\t * When `true`, shows the revert icon instead of the badge (AI-generated value\r\n\t * is active and can be reverted).\r\n\t */\r\n\t@Input() revertActive = false;\r\n\r\n\t/**\r\n\t * Accessible label / tooltip for the revert icon button.\r\n\t */\r\n\t@Input() revertLabel = \"Revert to AI input\";\r\n\r\n\t/**\r\n\t * `aria-label` for the AI badge trigger (combined with `aiText` in `computedAriaLabel`).\r\n\t */\r\n\t@Input() ariaLabel = \"Show information\";\r\n\r\n\t/**\r\n\t * Emitted when the revert icon is clicked.\r\n\t */\r\n\t@Output() revertClick = new EventEmitter<MouseEvent>();\r\n\r\n\t@ViewChild(\"aiLabelPopoverHost\", { read: AILabelPopoverDirective })\r\n\tprivate aiLabelPopover: AILabelPopoverDirective;\r\n\r\n\tprivate readonly documentClick = this.handleOutsideClick.bind(this);\r\n\r\n\tconstructor(private elementRef: ElementRef) {}\r\n\r\n\tonPopoverIsOpenChange(open: boolean): void {\r\n\t\tthis.isOpen = open;\r\n\t\tthis.isOpenChange.emit(open);\r\n\t}\r\n\r\n\tget triggerClasses(): Record<string, boolean> {\r\n\t\treturn {\r\n\t\t\t\"cds--toggletip-button\": true,\r\n\t\t\t\"cds--ai-label__button\": true,\r\n\t\t\t[`cds--ai-label__button--${this.size}`]: true,\r\n\t\t\t[`cds--ai-label__button--${this.kind}`]: true,\r\n\t\t\t\"cds--ai-label__button--inline-with-content\": this.kind === \"inline\" && !!this.textLabel\r\n\t\t};\r\n\t}\r\n\r\n\t/**\r\n\t * Trigger `aria-label`: `\"${aiText} ${ariaLabel}\"`, or\r\n\t * `\"${aiText} ${textLabel}\"` when `kind` is `\"inline\"` and `textLabel` is set.\r\n\t */\r\n\tget computedAriaLabel(): string {\r\n\t\tconst suffix = (this.kind === \"inline\" && this.textLabel) ? this.textLabel : this.ariaLabel;\r\n\t\treturn `${this.aiText} ${suffix}`;\r\n\t}\r\n\r\n\tngAfterViewInit(): void {\r\n\t\tif (this.isOpen) {\r\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t}\r\n\r\n\tngOnChanges(changes: SimpleChanges): void {\r\n\t\tif (changes.revertActive && !changes.revertActive.firstChange && changes.revertActive.currentValue) {\r\n\t\t\tthis.isOpen = false;\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t}\r\n\r\n\tngOnDestroy(): void {\r\n\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t}\r\n\r\n\tonTriggerClick(event: MouseEvent): void {\r\n\t\tconst opening = !this.isOpen;\r\n\t\tif (opening) {\r\n\t\t\tdocument.addEventListener(\"click\", this.documentClick);\r\n\t\t} else {\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t\tthis.aiLabelPopover?.handleChange(opening, event);\r\n\t}\r\n\r\n\tonRevertButtonClick(event: MouseEvent): void {\r\n\t\tthis.revertClick.emit(event);\r\n\t}\r\n\r\n\t@HostListener(\"keyup\", [\"$event\"])\r\n\thostkeys(event: KeyboardEvent): void {\r\n\t\tif (this.isOpen && event.key === \"Escape\") {\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t\tthis.aiLabelPopover?.handleChange(false, event);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Dismisses the popover when a click lands outside the host element.\r\n\t */\r\n\tprivate handleOutsideClick(event: MouseEvent): void {\r\n\t\tif (!this.elementRef.nativeElement.contains(event.target as Node)) {\r\n\t\t\tthis.aiLabelPopover?.handleChange(false, event);\r\n\t\t\tdocument.removeEventListener(\"click\", this.documentClick);\r\n\t\t}\r\n\t}\r\n}\r\n","/**\r\n * Copyright IBM Corp. 2024, 2026\r\n *\r\n * This source code is licensed under the Apache-2.0 license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n */\r\n\r\nimport { NgModule } from \"@angular/core\";\r\n\r\nimport { AILabelComponent } from \"./ai-label.component\";\r\nimport { AILabelPopoverDirective } from \"./ai-label-popover.directive\";\r\nimport { AILabelContent } from \"./ai-label-content.directive\";\r\nimport { AILabelActions } from \"./ai-label-actions.directive\";\r\n\r\n@NgModule({\r\n\texports: [\r\n\t\tAILabelComponent,\r\n\t\tAILabelContent,\r\n\t\tAILabelActions\r\n\t],\r\n\timports: [\r\n\t\tAILabelComponent,\r\n\t\tAILabelPopoverDirective,\r\n\t\tAILabelContent,\r\n\t\tAILabelActions\r\n\t]\r\n})\r\nexport class AILabelModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/carbon-components-angular-aspect-ratio.mjs

@@ -52,13 +52,12 @@ class AspectRatioDirective {
         return this.ratio === "16x9";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: AspectRatioDirective, isStandalone: false, selector: "[cdsAspectRatio], [ibmAspectRatio]", inputs: { ratio: "ratio" }, host: { properties: { "class.cds--aspect-ratio": "this.aspectRatioBase", "class.cds--aspect-ratio--1x1": "this.ratio1x1", "class.cds--aspect-ratio--2x3": "this.ratio2x3", "class.cds--aspect-ratio--3x2": "this.ratio3x2", "class.cds--aspect-ratio--3x4": "this.ratio3x4", "class.cds--aspect-ratio--4x3": "this.ratio4x3", "class.cds--aspect-ratio--1x2": "this.ratio1x2", "class.cds--aspect-ratio--2x1": "this.ratio2x1", "class.cds--aspect-ratio--9x16": "this.ratio9x16", "class.cds--aspect-ratio--16x9": "this.ratio16x9" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: AspectRatioDirective, isStandalone: true, selector: "[cdsAspectRatio], [ibmAspectRatio]", inputs: { ratio: "ratio" }, host: { properties: { "class.cds--aspect-ratio": "this.aspectRatioBase", "class.cds--aspect-ratio--1x1": "this.ratio1x1", "class.cds--aspect-ratio--2x3": "this.ratio2x3", "class.cds--aspect-ratio--3x2": "this.ratio3x2", "class.cds--aspect-ratio--3x4": "this.ratio3x4", "class.cds--aspect-ratio--4x3": "this.ratio4x3", "class.cds--aspect-ratio--1x2": "this.ratio1x2", "class.cds--aspect-ratio--2x1": "this.ratio2x1", "class.cds--aspect-ratio--9x16": "this.ratio9x16", "class.cds--aspect-ratio--16x9": "this.ratio16x9" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[cdsAspectRatio], [ibmAspectRatio]",
-                    standalone: false
+                    selector: "[cdsAspectRatio], [ibmAspectRatio]"
                 }]
         }], propDecorators: { ratio: [{
                 type: Input
@@ -96,13 +95,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
 
 class AspectRatioModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioModule, declarations: [AspectRatioDirective], exports: [AspectRatioDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioModule, imports: [AspectRatioDirective], exports: [AspectRatioDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: AspectRatioModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AspectRatioDirective],
+                    imports: [AspectRatioDirective],
                     exports: [AspectRatioDirective]
                 }]
         }] });