UNPKG

@sixbell-telco/sdk

Version:

A collection of reusable components designed for use in Sixbell Telco Angular projects

1 lines 4.81 kB
{"version":3,"file":"sixbell-telco-sdk-components-data-table-sub-component-toggle.mjs","sources":["../../../projects/sdk/components/data-table/sub-component-toggle/sub-component-toggle.component.ts","../../../projects/sdk/components/data-table/sub-component-toggle/sixbell-telco-sdk-components-data-table-sub-component-toggle.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { ButtonComponent } from '@sixbell-telco/sdk/components/button';\nimport { IconComponent } from '@sixbell-telco/sdk/components/icon';\nimport { matInfo, matKeyboardArrowDown } from '@sixbell-telco/sdk/components/icon/material/baseline';\nimport { Row, RowData } from '@tanstack/angular-table';\n\n@Component({\n\tstandalone: true,\n\tselector: 'st-data-table-sub-component-toggle-cell',\n\timports: [CommonModule, IconComponent, ButtonComponent],\n\ttemplate: `\n\t\t@if (canToggleSubComponent()) {\n\t\t\t<st-button\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tsize=\"xs\"\n\t\t\t\t[circle]=\"true\"\n\t\t\t\t[ghost]=\"true\"\n\t\t\t\tclass=\"group\"\n\t\t\t\t(click)=\"toggled.emit(row().id)\"\n\t\t\t\t[attr.aria-expanded]=\"isExpanded()\"\n\t\t\t\ttitle=\"{{ isExpanded() ? 'Hide Details' : 'Show Details' }}\"\n\t\t\t>\n\t\t\t\t<st-icon\n\t\t\t\t\tclass=\"transition-transform duration-300 ease-in-out group-aria-[expanded=false]:rotate-0 group-aria-[expanded=true]:rotate-180\"\n\t\t\t\t\t[icon]=\"iconChevronDown\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t></st-icon>\n\t\t\t\t<span class=\"sr-only\">{{ isExpanded() ? 'Hide Details' : 'Show Details' }}</span>\n\t\t\t</st-button>\n\t\t} @else {\n\t\t\t<!-- Display an informational icon if a sub-component cannot be shown for this row -->\n\t\t\t<st-button\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tsize=\"xs\"\n\t\t\t\t[circle]=\"true\"\n\t\t\t\t[ghost]=\"true\"\n\t\t\t\t[attr.aria-expanded]=\"isExpanded()\"\n\t\t\t\ttitle=\"{{ isExpanded() ? 'Hide Details' : 'Show Details' }}\"\n\t\t\t\t[disabled]=\"true\"\n\t\t\t>\n\t\t\t\t<st-icon [icon]=\"iconInfo\" size=\"sm\"></st-icon>\n\t\t\t\t<span class=\"sr-only\">{{ isExpanded() ? 'Hide Details' : 'Show Details' }}</span>\n\t\t\t</st-button>\n\t\t}\n\t`,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DataTableSubComponentToggleCellComponent<T extends RowData> {\n\treadonly row = input.required<Row<T>>();\n\treadonly isExpanded = input.required<boolean>(); // Current state of the sub-component for this row\n\treadonly toggled = output<string>(); // Emits row.id when clicked to trigger parent component update\n\n\t// Input to determine if this specific row is eligible to display a sub-component\n\treadonly canToggleSubComponent = input<boolean>(false);\n\n\treadonly iconChevronDown = matKeyboardArrowDown;\n\treadonly iconInfo = matInfo;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAgDa,wCAAwC,CAAA;AAC3C,IAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAU;AAC9B,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,EAAW,CAAC;AACvC,IAAA,OAAO,GAAG,MAAM,EAAU,CAAC;;AAG3B,IAAA,qBAAqB,GAAG,KAAK,CAAU,KAAK,CAAC;IAE7C,eAAe,GAAG,oBAAoB;IACtC,QAAQ,GAAG,OAAO;uGATf,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wCAAwC,EArC1C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,CAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAnCS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAsC1C,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAzCpD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,eAAe,CAAC;AACvD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,CAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,iBAAA;;;AC/CD;;AAEG;;;;"}