@antglobal/copilot-cards-web 0.0.20260806095059-dev.1 → 0.0.20260811080429-dev.1

package/dist/index.d.ts

@@ -1295,7 +1295,7 @@ interface ChoiceListProps {
     indicatorStyle?: Record<string, any>;
     /** Style merged into selected indicators */
     selectedIndicatorStyle?: Record<string, any>;
-    /** Checked mark used by multiple mode; defaults to built-in `check_bold` */
+    /** Selected mark override; single mode keeps its radio dot when omitted, while multiple mode defaults to `check_bold` */
     checkedIcon?: ChoiceIndicatorIcon;
 }
 interface ChoiceIndicatorIcon {
@@ -1323,7 +1323,7 @@ interface ChoiceItemProps {
     indicatorStyle?: Record<string, any>;
     /** Per-item selected indicator style */
     selectedIndicatorStyle?: Record<string, any>;
-    /** Per-item checked mark override */
+    /** Per-item selected mark override; also replaces the single-select radio dot */
     checkedIcon?: ChoiceIndicatorIcon;
 }
 interface PasscodeInputProps {

package/dist/index.js

@@ -706,6 +706,7 @@ function buildHeatmapOption(config) {
  */
 // ─── Slot Layout Constants ──────────────────────────────────────
 const SLOT_LAYOUT = {
+    FLEX: 'flex',
     COLUMNS: 'columns',
     GRID: 'grid',
     HORIZONTAL_SCROLL: 'horizontalScroll',
@@ -716,6 +717,30 @@ const SLOT_LAYOUT = {
     TABLE: 'table',
     CHART: 'chart',
 };
+// ─── Dispatcher ─────────────────────────────────────────────────
+/**
+ * Apply host-level layout styles based on the slot key.
+ * Called from renderDefault BEFORE props.style so explicit styles can override.
+ * Layouts that require wrapper DOM continue to render in renderSlotLayout.
+ */
+function applySlotBaseStyle(container, props) {
+    const flex = props.slots?.[SLOT_LAYOUT.FLEX];
+    if (!flex || typeof flex !== 'object')
+        return;
+    const config = flex.config && typeof flex.config === 'object' ? flex.config : {};
+    container.style.display = 'flex';
+    container.style.flexDirection = config.direction ?? 'column';
+    container.style.alignItems = config.align ?? 'flex-start';
+    container.style.justifyContent = config.justify ?? 'flex-start';
+    container.style.flexWrap = config.wrap ?? 'nowrap';
+    container.style.gap = resolveFlexGap(config.gap);
+}
+function resolveFlexGap(value) {
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return `${value}px`;
+    }
+    return typeof value === 'string' && value.length > 0 ? value : '0px';
+}
 /**
  * Render children into a container using the slot layout strategy.
  * Returns true if a special layout was applied (children already appended).
@@ -7013,11 +7038,12 @@ class CardChoiceItem extends BaseElement {
             ...(selected ? selectedIndicatorStyle || {} : {}),
         }, isExpressionResultStyle);
         const indicatorRole = selectionMode === 'single' ? 'radio' : 'checkbox';
-        const resolvedCheckedIcon = checkedIcon ?? listCheckedIcon ?? {
+        const configuredCheckedIcon = checkedIcon ?? listCheckedIcon;
+        const resolvedCheckedIcon = configuredCheckedIcon ?? {
             name: 'check_bold',
             size: 12,
         };
-        const checkedMark = selectionMode === 'multiple'
+        const checkedMark = selectionMode === 'multiple' || configuredCheckedIcon
             ? `<span class="choice-icon" aria-hidden="true">${renderIconContent(resolvedCheckedIcon)}</span>`
             : '<span class="radio-dot" aria-hidden="true"></span>';
         this.setAttribute('data-selected', String(selected));
@@ -7656,6 +7682,8 @@ function renderDefault(node, props, isMobile, responsive) {
     div.className = `card-element card-${node.type.toLowerCase()} ${isMobile ? 'card-mobile' : 'card-desktop'}`;
     div.setAttribute('data-card-id', node.id);
     div.setAttribute('data-card-type', node.type);
+    // Apply slot base styles FIRST (so props.style can override)
+    applySlotBaseStyle(div, props);
     if (props.style && typeof props.style === 'object') {
         const resolvedStyle = buildStyleString(props.isExpressionResultStyle
             ? props.style

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antglobal/copilot-cards-web",
-  "version": "0.0.20260806095059-dev.1",
+  "version": "0.0.20260811080429-dev.1",
   "description": "Web Component renderer for copilot bot card SDK — PC + Mobile + WebView unified rendering via Custom Elements",
   "type": "module",
   "module": "./dist/index.js",
@@ -28,7 +28,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@antglobal/copilot-cards-core": "0.0.20260806095059-dev.1",
+    "@antglobal/copilot-cards-core": "0.0.20260811080429-dev.1",
     "echarts": "^5.6.0",
     "marked": "^18.0.5",
     "tslib": "^2.8.1",