carbon-components-angular/docs/storybook/table-table-ai-label-stories.3a15bb8b.iframe.bundle.js

Next generation components

"use strict";(self.webpackChunkcarbon_components_angular=self.webpackChunkcarbon_components_angular||[]).push([[3957],{"./node_modules/@carbon/utils-position/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var _a,PLACEMENTS;__webpack_require__.d(__webpack_exports__,{FK:()=>position,ZP:()=>__WEBPACK_DEFAULT_EXPORT__}),function(PLACEMENTS){PLACEMENTS.LEFT="left",PLACEMENTS.RIGHT="right",PLACEMENTS.TOP="top",PLACEMENTS.BOTTOM="bottom"}(PLACEMENTS||(PLACEMENTS={}));var defaultPositions=((_a={})[PLACEMENTS.LEFT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left-target.offsetWidth)}},_a[PLACEMENTS.RIGHT]=function(referenceOffset,target,referenceRect){return{top:referenceOffset.top-Math.round(target.offsetHeight/2)+Math.round(referenceRect.height/2),left:Math.round(referenceOffset.left+referenceRect.width)}},_a[PLACEMENTS.TOP]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top-target.offsetHeight),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a[PLACEMENTS.BOTTOM]=function(referenceOffset,target,referenceRect){return{top:Math.round(referenceOffset.top+referenceRect.height),left:referenceOffset.left-Math.round(target.offsetWidth/2)+Math.round(referenceRect.width/2)}},_a),windowRef="undefined"!=typeof window?window:{innerHeight:0,scrollY:0,innerWidth:0,scrollX:0},Position=function(){function Position(positions){void 0===positions&&(positions={}),this.positions=defaultPositions,this.positions=Object.assign({},defaultPositions,positions)}return Position.prototype.getRelativeOffset=function(target){for(var offsets={left:target.offsetLeft,top:target.offsetTop};target.offsetParent&&"static"===getComputedStyle(target.offsetParent).position;)offsets.left+=target.offsetLeft,offsets.top+=target.offsetTop,target=target.offsetParent;return offsets},Position.prototype.getAbsoluteOffset=function(target){for(var currentNode=target,margins={top:0,left:0};currentNode.offsetParent;){var computed=getComputedStyle(currentNode.offsetParent);"static"===computed.position&&computed.marginLeft&&computed.marginTop&&(parseInt(computed.marginTop,10)&&(margins.top+=parseInt(computed.marginTop,10)),parseInt(computed.marginLeft,10)&&(margins.left+=parseInt(computed.marginLeft,10))),currentNode=currentNode.offsetParent}var targetRect=target.getBoundingClientRect(),relativeRect=document.body.getBoundingClientRect();return{top:targetRect.top-relativeRect.top+margins.top,left:targetRect.left-relativeRect.left+margins.left}},Position.prototype.findRelative=function(reference,target,placement){var referenceOffset=this.getRelativeOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findAbsolute=function(reference,target,placement){var referenceOffset=this.getAbsoluteOffset(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPosition=function(reference,target,placement,offsetFunction){void 0===offsetFunction&&(offsetFunction=this.getAbsoluteOffset.bind(this));var referenceOffset=offsetFunction(reference),referenceRect=reference.getBoundingClientRect();return this.calculatePosition(referenceOffset,referenceRect,target,placement)},Position.prototype.findPositionAt=function(offset,target,placement){return this.calculatePosition(offset,{top:0,left:0,height:0,width:0},target,placement)},Position.prototype.getPlacementBox=function(target,position){var targetBottom=target.offsetHeight+position.top,targetRight=target.offsetWidth+position.left;return{top:position.top,bottom:targetBottom,left:position.left,right:targetRight}},Position.prototype.addOffset=function(position,top,left){return void 0===top&&(top=0),void 0===left&&(left=0),Object.assign({},position,{top:position.top+top,left:position.left+left})},Position.prototype.setElement=function(element,position){element.style.top=position.top+"px",element.style.left=position.left+"px"},Position.prototype.findBestPlacement=function(reference,target,placements,containerFunction,positionFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this)),void 0===positionFunction&&(positionFunction=this.findPosition.bind(this));var weightedPlacements=placements.map((function(placement){var pos=positionFunction(reference,target,placement),box=_this.getPlacementBox(target,pos),hiddenHeight=0,hiddenWidth=0,container=containerFunction();box.top<container.top?hiddenHeight=container.top-box.top:box.bottom>container.height&&(hiddenHeight=box.bottom-container.height),box.left<container.left?hiddenWidth=container.left-box.left:box.right>container.width&&(hiddenWidth=box.right-container.width),hiddenHeight&&!hiddenWidth?hiddenWidth=1:hiddenWidth&&!hiddenHeight&&(hiddenHeight=1);var area=target.offsetHeight*target.offsetWidth;return{placement,weight:(area-hiddenHeight*hiddenWidth)/area}}));return weightedPlacements.sort((function(a,b){return b.weight-a.weight})),weightedPlacements[0].placement},Position.prototype.findBestPlacementAt=function(offset,target,placements,containerFunction){var _this=this;void 0===containerFunction&&(containerFunction=this.defaultContainerFunction.bind(this));return this.findBestPlacement(null,target,placements,containerFunction,(function(_,target,placement){return _this.findPositionAt(offset,target,placement)}))},Position.prototype.defaultContainerFunction=function(){return{top:0,left:0,height:windowRef.innerHeight,width:windowRef.innerWidth}},Position.prototype.calculatePosition=function(referenceOffset,referenceRect,target,placement){return this.positions[placement]?this.positions[placement](referenceOffset,target,referenceRect):(console.error("No function found for placement, defaulting to 0,0"),{left:0,top:0})},Position}(),position=new Position;const __WEBPACK_DEFAULT_EXPORT__=Position},"./src/ai-label/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{zb:()=>AILabelActions,UD:()=>AILabelComponent,q:()=>AILabelContent,uV:()=>AILabelModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AILabelActions=class AILabelActions{constructor(){this.toggletipActions=!0,this.aiLabelActions=!0}};AILabelActions.propDecorators={toggletipActions:[{type:core.HostBinding,args:["class.cds--toggletip-actions"]}],aiLabelActions:[{type:core.HostBinding,args:["class.cds--ai-label-actions"]}]},AILabelActions=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsAILabelActions], [ibmAILabelActions]"})],AILabelActions);let AILabelContent=class AILabelContent{};AILabelContent=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsAILabelContent], [ibmAILabelContent]"})],AILabelContent);var popover=__webpack_require__("./src/popover/index.ts");let AILabelPopoverDirective=class AILabelPopoverDirective extends popover.OI{constructor(elementRef,ngZone,renderer,changeDetectorRef){super(elementRef,ngZone,renderer,changeDetectorRef),this.elementRef=elementRef,this.ngZone=ngZone,this.renderer=renderer,this.changeDetectorRef=changeDetectorRef,this.highContrast=!0,this.dropShadow=!1}initializeReferences(){this.updateAlignmentClass(this._align),this.bindPopoverRefs(),this.handleChange(this.isOpen)}ngOnChanges(changes){const originalState=this.isOpen;this.handleChange(!1),changes.autoAlign&&!changes.autoAlign.firstChange&&(this.popoverContentRef?.setAttribute("style",""),this.bindPopoverRefs()),this.handleChange(originalState)}bindPopoverRefs(){const panel=this.elementRef.nativeElement.querySelector(":scope > span.cds--popover");panel&&(this.popoverContentRef=panel.querySelector(":scope > span.cds--popover-content"),this.caretRef=this.resolveCaretRef(panel))}resolveCaretRef(panel){return this.autoAlign?panel.querySelector("span.cds--popover-content > span.cds--popover-caret.cds--popover--auto-align"):panel.querySelector(":scope > span.cds--popover-caret")}};AILabelPopoverDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.NgZone},{type:core.Renderer2},{type:core.ChangeDetectorRef}],AILabelPopoverDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cdsAILabelPopover]"})],AILabelPopoverDirective);let AILabelComponent=class AILabelComponent{constructor(elementRef){this.elementRef=elementRef,this.aiLabelClass=!0,this.caret=!0,this.dropShadow=!1,this.highContrast=!0,this.autoAlign=!1,this.isOpen=!1,this.onClose=new core.EventEmitter,this.onOpen=new core.EventEmitter,this.isOpenChange=new core.EventEmitter,this.id="ai-label-"+AILabelComponent.labelCounter++,this.aiText="AI",this.kind="default",this.size="xs",this.revertActive=!1,this.revertLabel="Revert to AI input",this.ariaLabel="Show information",this.revertClick=new core.EventEmitter,this.documentClick=this.handleOutsideClick.bind(this)}get revertClass(){return this.revertActive}get alignmentAxisOffset(){return["mini","2xs","xs"].includes(this.size)?-24:0}onPopoverIsOpenChange(open){this.isOpen=open,this.isOpenChange.emit(open)}get triggerClasses(){return{"cds--toggletip-button":!0,"cds--ai-label__button":!0,[`cds--ai-label__button--${this.size}`]:!0,[`cds--ai-label__button--${this.kind}`]:!0,"cds--ai-label__button--inline-with-content":"inline"===this.kind&&!!this.textLabel}}get computedAriaLabel(){const suffix="inline"===this.kind&&this.textLabel?this.textLabel:this.ariaLabel;return`${this.aiText} ${suffix}`}ngAfterViewInit(){this.isOpen&&document.addEventListener("click",this.documentClick)}ngOnChanges(changes){changes.revertActive&&!changes.revertActive.firstChange&&changes.revertActive.currentValue&&(this.isOpen=!1,document.removeEventListener("click",this.documentClick))}ngOnDestroy(){document.removeEventListener("click",this.documentClick)}onTriggerClick(event){const opening=!this.isOpen;opening?document.addEventListener("click",this.documentClick):document.removeEventListener("click",this.documentClick),this.aiLabelPopover?.handleChange(opening,event)}onRevertButtonClick(event){this.revertClick.emit(event)}hostkeys(event){this.isOpen&&"Escape"===event.key&&(event.stopPropagation(),document.removeEventListener("click",this.documentClick),this.aiLabelPopover?.handleChange(!1,event))}handleOutsideClick(event){this.elementRef.nativeElement.contains(event.target)||(this.aiLabelPopover?.handleChange(!1,event),document.removeEventListener("click",this.documentClick))}};AILabelComponent.labelCounter=0,AILabelComponent.ctorParameters=()=>[{type:core.ElementRef}],AILabelComponent.propDecorators={aiLabelClass:[{type:core.HostBinding,args:["class.cds--ai-label"]}],revertClass:[{type:core.HostBinding,args:["class.cds--ai-label--revert"]}],align:[{type:core.Input}],caret:[{type:core.Input}],dropShadow:[{type:core.Input}],highContrast:[{type:core.Input}],autoAlign:[{type:core.Input}],isOpen:[{type:core.Input}],onClose:[{type:core.Output}],onOpen:[{type:core.Output}],isOpenChange:[{type:core.Output}],id:[{type:core.Input}],aiText:[{type:core.Input}],textLabel:[{type:core.Input}],kind:[{type:core.Input}],size:[{type:core.Input}],revertActive:[{type:core.Input}],revertLabel:[{type:core.Input}],ariaLabel:[{type:core.Input}],revertClick:[{type:core.Output}],aiLabelPopover:[{type:core.ViewChild,args:["aiLabelPopoverHost",{read:AILabelPopoverDirective}]}],hostkeys:[{type:core.HostListener,args:["keyup",["$event"]]}]},AILabelComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cds-ai-label, ibm-ai-label",changeDetection:core.ChangeDetectionStrategy.OnPush,template:'\n\t\t<ng-container *ngIf="!revertActive">\n\t\t\t<span\n\t\t\t\t#aiLabelPopoverHost\n\t\t\t\tcdsAILabelPopover\n\t\t\t\tclass="cds--toggletip"\n\t\t\t\t[isOpen]="isOpen"\n\t\t\t\t(isOpenChange)="onPopoverIsOpenChange($event)"\n\t\t\t\t(onOpen)="onOpen.emit($event)"\n\t\t\t\t(onClose)="onClose.emit($event)"\n\t\t\t\t[align]="align"\n\t\t\t\t[caret]="caret"\n\t\t\t\t[dropShadow]="dropShadow"\n\t\t\t\t[highContrast]="highContrast"\n\t\t\t\t[autoAlign]="autoAlign"\n\t\t\t\t[alignmentAxisOffset]="alignmentAxisOffset">\n\t\t\t\t<button\n\t\t\t\t\ttype="button"\n\t\t\t\t\t[attr.aria-label]="computedAriaLabel"\n\t\t\t\t\t[attr.aria-expanded]="isOpen"\n\t\t\t\t\t[attr.aria-controls]="id"\n\t\t\t\t\t[ngClass]="triggerClasses"\n\t\t\t\t\t(click)="onTriggerClick($event)">\n\t\t\t\t\t<span class="cds--ai-label__text">{{aiText}}</span>\n\t\t\t\t\t<span *ngIf="kind === \'inline\' && textLabel" class="cds--ai-label__additional-text">{{textLabel}}</span>\n\t\t\t\t</button>\n\n\t\t\t\t<span\n\t\t\t\t\t[id]="id"\n\t\t\t\t\tclass="cds--popover"\n\t\t\t\t\taria-live="polite">\n\t\t\t\t\t<span class="cds--popover-content cds--ai-label-content">\n\t\t\t\t\t\t<div class="cds--toggletip-content">\n\t\t\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span *ngIf="autoAlign" class="cds--popover-caret cds--popover--auto-align"></span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span *ngIf="!autoAlign" class="cds--popover-caret"></span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</ng-container>\n\n\t\t<cds-icon-button\n\t\t\t*ngIf="revertActive"\n\t\t\tkind="ghost"\n\t\t\tsize="sm"\n\t\t\t[description]="revertLabel"\n\t\t\t[autoAlign]="autoAlign"\n\t\t\t[buttonAttributes]="{ \'aria-label\': revertLabel }"\n\t\t\t(click)="onRevertButtonClick($event)">\n\t\t\t<svg cdsIcon="undo" size="16"></svg>\n\t\t</cds-icon-button>\n\t'})],AILabelComponent);var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),src_button=__webpack_require__("./src/button/index.ts"),icon=__webpack_require__("./src/icon/index.ts");let AILabelModule=class AILabelModule{};AILabelModule=(0,tslib_es6.gn)([(0,core.NgModule)({declarations:[AILabelComponent,AILabelPopoverDirective,AILabelContent,AILabelActions],exports:[AILabelComponent,AILabelContent,AILabelActions],imports:[common.CommonModule,src_button.hJ,icon.QX,popover.UU]})],AILabelModule)},"./src/table/table-ai-label.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AILabelWithExpansion:()=>AILabelWithExpansion,AILabelWithRadioSelection:()=>AILabelWithRadioSelection,AILabelWithSelection:()=>AILabelWithSelection,AILabelWithSelectionAndExpansion:()=>AILabelWithSelectionAndExpansion,ColumnAILabelSort:()=>ColumnAILabelSort,ColumnAILabelWithSelectionAndExpansion:()=>ColumnAILabelWithSelectionAndExpansion,FullTableAI:()=>FullTableAI,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _angular_common__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/index.mjs"),_button__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/button/index.ts"),_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/icon/index.ts"),_ai_label__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/ai-label/index.ts"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/table/index.ts"),_stories__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/table/stories/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/Table/WithAILabel",component:_stories__WEBPACK_IMPORTED_MODULE_5__.I2,decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[_angular_common__WEBPACK_IMPORTED_MODULE_7__.CommonModule,___WEBPACK_IMPORTED_MODULE_4__.U$,_ai_label__WEBPACK_IMPORTED_MODULE_3__.uV,_button__WEBPACK_IMPORTED_MODULE_1__.hJ,_icon__WEBPACK_IMPORTED_MODULE_2__.QX],declarations:[_stories__WEBPACK_IMPORTED_MODULE_5__.I2,_stories__WEBPACK_IMPORTED_MODULE_5__.DH,_stories__WEBPACK_IMPORTED_MODULE_5__.Gu,_stories__WEBPACK_IMPORTED_MODULE_5__.OO,_stories__WEBPACK_IMPORTED_MODULE_5__.U3,_stories__WEBPACK_IMPORTED_MODULE_5__.NA,_stories__WEBPACK_IMPORTED_MODULE_5__.aH]})]},columnTableStyles=[..._storybook_ai_label_story_shared__WEBPACK_IMPORTED_MODULE_6__.J6,"\n        #storybook-root .ai-label-column-table .cds--data-table-content,\n        .ai-label-column-table .cds--data-table-content {\n            overflow: visible;\n        }\n    "],AILabelWithSelection=()=>({template:'\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With selection</p>\n            </cds-table-header>\n            <app-table-ai-label-selection></app-table-ai-label-selection>\n        </cds-table-container>\n    ',styles:columnTableStyles}),AILabelWithRadioSelection=()=>({template:'\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With radio selection</p>\n            </cds-table-header>\n            <app-table-ai-label-radio></app-table-ai-label-radio>\n        </cds-table-container>\n    ',styles:columnTableStyles}),AILabelWithSelectionAndExpansion=()=>({template:'\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With expansion</p>\n            </cds-table-header>\n            <app-table-ai-label-selection-expansion></app-table-ai-label-selection-expansion>\n        </cds-table-container>\n    ',styles:columnTableStyles}),AILabelWithExpansion=()=>({template:'\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With expansion</p>\n            </cds-table-header>\n            <app-table-ai-label-expansion-only></app-table-ai-label-expansion-only>\n        </cds-table-container>\n    ',styles:columnTableStyles}),ColumnAILabelWithSelectionAndExpansion=()=>({template:'\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With expansion</p>\n            </cds-table-header>\n            <app-table-ai-label-column-expansion></app-table-ai-label-column-expansion>\n        </cds-table-container>\n    ',styles:columnTableStyles}),ColumnAILabelSort=()=>({template:'\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With sorting</p>\n            </cds-table-header>\n            <app-table-ai-label-column-sort></app-table-ai-label-column-sort>\n        </cds-table-container>\n    ',styles:columnTableStyles}),FullTableAI=()=>({template:"<app-table-ai-label-full-table></app-table-ai-label-full-table>",styles:columnTableStyles});AILabelWithSelection.parameters={...AILabelWithSelection.parameters,docs:{...AILabelWithSelection.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With selection</p>\n            </cds-table-header>\n            <app-table-ai-label-selection></app-table-ai-label-selection>\n        </cds-table-container>\n    `,\n  styles: columnTableStyles\n})',...AILabelWithSelection.parameters?.docs?.source}}},AILabelWithRadioSelection.parameters={...AILabelWithRadioSelection.parameters,docs:{...AILabelWithRadioSelection.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With radio selection</p>\n            </cds-table-header>\n            <app-table-ai-label-radio></app-table-ai-label-radio>\n        </cds-table-container>\n    `,\n  styles: columnTableStyles\n})',...AILabelWithRadioSelection.parameters?.docs?.source}}},AILabelWithSelectionAndExpansion.parameters={...AILabelWithSelectionAndExpansion.parameters,docs:{...AILabelWithSelectionAndExpansion.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With expansion</p>\n            </cds-table-header>\n            <app-table-ai-label-selection-expansion></app-table-ai-label-selection-expansion>\n        </cds-table-container>\n    `,\n  styles: columnTableStyles\n})',...AILabelWithSelectionAndExpansion.parameters?.docs?.source}}},AILabelWithExpansion.parameters={...AILabelWithExpansion.parameters,docs:{...AILabelWithExpansion.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With expansion</p>\n            </cds-table-header>\n            <app-table-ai-label-expansion-only></app-table-ai-label-expansion-only>\n        </cds-table-container>\n    `,\n  styles: columnTableStyles\n})',...AILabelWithExpansion.parameters?.docs?.source}}},ColumnAILabelWithSelectionAndExpansion.parameters={...ColumnAILabelWithSelectionAndExpansion.parameters,docs:{...ColumnAILabelWithSelectionAndExpansion.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With expansion</p>\n            </cds-table-header>\n            <app-table-ai-label-column-expansion></app-table-ai-label-column-expansion>\n        </cds-table-container>\n    `,\n  styles: columnTableStyles\n})',...ColumnAILabelWithSelectionAndExpansion.parameters?.docs?.source}}},ColumnAILabelSort.parameters={...ColumnAILabelSort.parameters,docs:{...ColumnAILabelSort.parameters?.docs,source:{originalSource:'() => ({\n  template: `\n        <cds-table-container class="ai-label-column-table">\n            <cds-table-header>\n                <h4 cdsTableHeaderTitle>DataTable</h4>\n                <p cdsTableHeaderDescription>With sorting</p>\n            </cds-table-header>\n            <app-table-ai-label-column-sort></app-table-ai-label-column-sort>\n        </cds-table-container>\n    `,\n  styles: columnTableStyles\n})',...ColumnAILabelSort.parameters?.docs?.source}}},FullTableAI.parameters={...FullTableAI.parameters,docs:{...FullTableAI.parameters?.docs,source:{originalSource:"() => ({\n  template: `<app-table-ai-label-full-table></app-table-ai-label-full-table>`,\n  styles: columnTableStyles\n})",...FullTableAI.parameters?.docs?.source}}};const __namedExportsOrder=["AILabelWithSelection","AILabelWithRadioSelection","AILabelWithSelectionAndExpansion","AILabelWithExpansion","ColumnAILabelWithSelectionAndExpansion","ColumnAILabelSort","FullTableAI"]}}]);