@happyvertical/smrt-products 0.30.0

package/dist/lib/lib/components/auto-generated/FieldRenderer.svelte

@@ -0,0 +1,205 @@
+<script lang="ts">
+/**
+ * Automatic field renderer that maps TypeScript types to UI components
+ * This demonstrates the "Define Once, Consume Everywhere" vision
+ */
+
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../../i18n.js';
+
+const { t } = useI18n();
+
+interface Props {
+  fieldName: string;
+  fieldType: 'string' | 'number' | 'boolean' | 'array' | 'object';
+  value: any;
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  readonly?: boolean;
+  onUpdate?: (value: any) => void;
+}
+
+const {
+  fieldName,
+  fieldType,
+  value = '',
+  label,
+  placeholder,
+  required = false,
+  readonly = false,
+  onUpdate,
+}: Props = $props();
+
+// Auto-generate label from field name if not provided
+const _displayLabel =
+  label ||
+  fieldName
+    .replace(/([A-Z])/g, ' $1')
+    .replace(/^./, (str) => str.toUpperCase());
+const _fieldId = `field-${fieldName}`;
+
+function handleUpdate(newValue: any) {
+  if (onUpdate && !readonly) {
+    onUpdate(newValue);
+  }
+}
+
+function _handleStringInput(event: Event) {
+  const target = event.target as HTMLInputElement;
+  handleUpdate(target.value);
+}
+
+function _handleNumberInput(event: Event) {
+  const target = event.target as HTMLInputElement;
+  handleUpdate(Number.parseFloat(target.value) || 0);
+}
+
+function _handleBooleanInput(event: Event) {
+  const target = event.target as HTMLInputElement;
+  handleUpdate(target.checked);
+}
+
+function _handleArrayInput(event: Event) {
+  const target = event.target as HTMLTextAreaElement;
+  try {
+    // Simple array handling - comma separated values
+    const arrayValue = target.value
+      .split(',')
+      .map((s) => s.trim())
+      .filter((s) => s);
+    handleUpdate(arrayValue);
+  } catch {
+    // Keep current value on parse error
+  }
+}
+
+function _handleObjectInput(event: Event) {
+  const target = event.target as HTMLTextAreaElement;
+  try {
+    const objectValue = JSON.parse(target.value);
+    handleUpdate(objectValue);
+  } catch {
+    // Keep current value on parse error
+  }
+}
+</script>
+
+<div class="field-renderer">
+  <label for={fieldId} class="field-label">
+    {displayLabel}
+    {#if required}<span class="required">*</span>{/if}
+  </label>
+
+  {#if fieldType === 'string'}
+    <input
+      id={fieldId}
+      type="text"
+      class="field-input"
+      {value}
+      {placeholder}
+      {readonly}
+      {required}
+      oninput={handleStringInput}
+    />
+  {:else if fieldType === 'number'}
+    <input
+      id={fieldId}
+      type="number"
+      class="field-input"
+      value={value || 0}
+      {placeholder}
+      {readonly}
+      {required}
+      oninput={handleNumberInput}
+    />
+  {:else if fieldType === 'boolean'}
+    <input
+      id={fieldId}
+      type="checkbox"
+      class="field-checkbox"
+      checked={value || false}
+      {readonly}
+      onchange={handleBooleanInput}
+    />
+  {:else if fieldType === 'array'}
+    <textarea
+      id={fieldId}
+      class="field-textarea"
+      value={Array.isArray(value) ? value.join(', ') : ''}
+      placeholder={placeholder || 'Enter comma-separated values'}
+      {readonly}
+      {required}
+      oninput={handleArrayInput}
+    />
+    <div class="field-hint">{t(M['products.field_renderer.array_hint'])}</div>
+  {:else if fieldType === 'object'}
+    <textarea
+      id={fieldId}
+      class="field-textarea"
+      value={typeof value === 'object' ? JSON.stringify(value, null, 2) : '{}'}
+      placeholder={placeholder || 'Enter JSON object'}
+      {readonly}
+      {required}
+      oninput={handleObjectInput}
+    />
+    <div class="field-hint">{t(M['products.field_renderer.object_hint'])}</div>
+  {/if}
+</div>
+
+<style>
+  .field-renderer {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+  }
+
+  .field-label {
+    font-weight: var(--smrt-typography-weight-medium, 500);
+    color: var(--smrt-color-on-surface, #374151);
+    font-size: var(--smrt-typography-label-large-size, 0.875rem);
+  }
+
+  .required {
+    color: var(--smrt-color-error, #dc2626);
+  }
+
+  .field-input,
+  .field-textarea {
+    padding: 0.5rem 0.75rem;
+    border: 1px solid var(--smrt-color-outline-variant, #d1d5db);
+    border-radius: 0.375rem;
+    font-size: var(--smrt-typography-body-medium-size, 0.875rem);
+    transition: border-color 0.2s, box-shadow 0.2s;
+  }
+
+  .field-input:focus,
+  .field-textarea:focus {
+    outline: none;
+    border-color: var(--smrt-color-primary, #3b82f6);
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--smrt-color-primary, #3b82f6) 10%, transparent);
+  }
+
+  .field-textarea {
+    min-height: 4rem;
+    resize: vertical;
+  }
+
+  .field-checkbox {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .field-hint {
+    font-size: var(--smrt-typography-body-small-size, 0.75rem);
+    color: var(--smrt-color-on-surface-variant, #6b7280);
+    font-style: italic;
+  }
+
+  .field-input:read-only,
+  .field-textarea:read-only {
+    background-color: var(--smrt-color-surface-container-low, #f9fafb);
+    cursor: not-allowed;
+  }
+</style>

package/dist/lib/lib/components/auto-generated/FieldRenderer.svelte.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    fieldName: string;
+    fieldType: 'string' | 'number' | 'boolean' | 'array' | 'object';
+    value: any;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    onUpdate?: (value: any) => void;
+}
+declare const FieldRenderer: import("svelte").Component<Props, {}, "">;
+type FieldRenderer = ReturnType<typeof FieldRenderer>;
+export default FieldRenderer;
+//# sourceMappingURL=FieldRenderer.svelte.d.ts.map

package/dist/lib/lib/components/auto-generated/FieldRenderer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRenderer.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/auto-generated/FieldRenderer.svelte.ts"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAChE,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;AAmGD,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/lib/lib/components/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * SMRT Template UI Components
+ *
+ * Reusable UI components for product management.
+ * These components work with SMRT-generated types and can be:
+ * - Imported as NPM package components
+ * - Consumed via module federation
+ * - Used in the standalone application
+ */
+export { default as ProductCard } from './ProductCard.svelte';
+export { default as ProductForm } from './ProductForm.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/lib/lib/components/index.js

@@ -0,0 +1,11 @@
+/**
+ * SMRT Template UI Components
+ *
+ * Reusable UI components for product management.
+ * These components work with SMRT-generated types and can be:
+ * - Imported as NPM package components
+ * - Consumed via module federation
+ * - Used in the standalone application
+ */
+export { default as ProductCard } from './ProductCard.svelte';
+export { default as ProductForm } from './ProductForm.svelte';

package/dist/lib/lib/features/CategoryManager.svelte

@@ -0,0 +1,80 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../i18n.js';
+import type { CategoryData } from '../types';
+
+const { t } = useI18n();
+
+interface Props {
+  readonly?: boolean;
+}
+
+const { readonly = false }: Props = $props();
+
+// Placeholder for category management
+const _categories = $state<CategoryData[]>([]);
+const _loading = $state(false);
+</script>
+
+<div class="category-manager">
+  <div class="manager-header">
+    <h2>{t(M['products.category_manager.title'])}</h2>
+    <p>{t(M['products.category_manager.subtitle'])}</p>
+  </div>
+
+  <div class="placeholder-content">
+    <p>{t(M['products.category_manager.coming_soon'])}</p>
+    <p>{t(M['products.category_manager.will_include'])}</p>
+    <ul>
+      <li>{t(M['products.category_manager.create_edit'])}</li>
+      <li>{t(M['products.category_manager.organize_hierarchy'])}</li>
+      <li>{t(M['products.category_manager.manage_permissions'])}</li>
+      <li>{t(M['products.category_manager.analytics'])}</li>
+    </ul>
+  </div>
+</div>
+
+<style>
+  .category-manager {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 1rem;
+  }
+  
+  .manager-header {
+    text-align: center;
+    margin-bottom: 2rem;
+  }
+  
+  .manager-header h2 {
+    margin: 0 0 0.5rem 0;
+    color: var(--smrt-color-on-surface, #1f2937);
+    font-size: var(--smrt-typography-headline-small-size, 1.5rem);
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+  }
+
+  .manager-header p {
+    margin: 0;
+    color: var(--smrt-color-on-surface-variant, #6b7280);
+  }
+
+  .placeholder-content {
+    background: var(--smrt-color-surface-container-low, #f9fafb);
+    border: 1px solid var(--smrt-color-outline-variant, #e2e8f0);
+    border-radius: var(--smrt-radius-md, 8px);
+    padding: 2rem;
+    text-align: center;
+  }
+
+  .placeholder-content p {
+    margin: 0 0 1rem 0;
+    color: var(--smrt-color-on-surface-variant, #6b7280);
+  }
+
+  .placeholder-content ul {
+    margin: 1rem 0 0 0;
+    text-align: left;
+    display: inline-block;
+    color: var(--smrt-color-on-surface-variant, #6b7280);
+  }
+</style>

package/dist/lib/lib/features/CategoryManager.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    readonly?: boolean;
+}
+declare const CategoryManager: import("svelte").Component<Props, {}, "">;
+type CategoryManager = ReturnType<typeof CategoryManager>;
+export default CategoryManager;
+//# sourceMappingURL=CategoryManager.svelte.d.ts.map

package/dist/lib/lib/features/CategoryManager.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryManager.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/features/CategoryManager.svelte"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqCD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/lib/features/ProductCatalog.svelte

@@ -0,0 +1,299 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { onMount } from 'svelte';
+import { productStore } from '../stores/product-store.svelte';
+import { M } from '../i18n.js';
+import type { ProductData } from '../types';
+
+const { t } = useI18n();
+
+interface Props {
+  readonly?: boolean;
+  showCreateForm?: boolean;
+}
+
+const { readonly = false, showCreateForm = false }: Props = $props();
+
+const searchQuery = $state('');
+const selectedCategory = $state('');
+let _showForm = $state(false);
+let editingProduct = $state<ProductData | null>(null);
+
+// Reactive filtered products
+const _filteredProducts = $derived.by(() => {
+  let products = productStore.items;
+
+  if (searchQuery) {
+    products = productStore.searchProducts(searchQuery);
+  }
+
+  if (selectedCategory) {
+    products = products.filter((p) => p.category === selectedCategory);
+  }
+
+  return products;
+});
+
+onMount(() => {
+  productStore.loadProducts();
+});
+
+function _handleCreateProduct() {
+  editingProduct = null;
+  _showForm = true;
+}
+
+function _handleEditProduct(product: ProductData) {
+  editingProduct = product;
+  _showForm = true;
+}
+
+async function _handleDeleteProduct(id: string) {
+  if (confirm('Are you sure you want to delete this product?')) {
+    try {
+      await productStore.deleteProduct(id);
+    } catch (error) {}
+  }
+}
+
+async function _handleSubmitProduct(productData: Partial<ProductData>) {
+  try {
+    if (editingProduct?.id) {
+      await productStore.updateProduct(editingProduct.id, productData);
+    } else {
+      await productStore.createProduct(productData);
+    }
+    _showForm = false;
+    editingProduct = null;
+  } catch (error) {}
+}
+
+function _handleCancelForm() {
+  _showForm = false;
+  editingProduct = null;
+}
+</script>
+
+<div class="product-catalog">
+  <div class="catalog-header">
+    <h2>{t(M['products.product_catalog.title'])}</h2>
+    
+    <div class="catalog-stats">
+      <span class="stat">
+        <strong>{productStore.items.length}</strong> products
+      </span>
+      <span class="stat">
+        <strong>{productStore.inStockCount}</strong> {t(M['products.product_catalog.in_stock'])}
+      </span>
+      <span class="stat">
+        {t(M['products.product_catalog.total_value'])} <strong>${productStore.totalValue.toFixed(2)}</strong>
+      </span>
+    </div>
+  </div>
+  
+  <div class="catalog-controls">
+    <div class="search-filters">
+      <input
+        type="text"
+        bind:value={searchQuery}
+        placeholder={t(M['products.product_catalog.search_placeholder'])}
+        class="search-input"
+      />
+      
+      <select bind:value={selectedCategory} class="category-filter">
+        <option value="">{t(M['products.product_catalog.all_categories'])}</option>
+        {#each productStore.categories as category}
+          <option value={category}>{category}</option>
+        {/each}
+      </select>
+    </div>
+    
+    {#if !readonly && (showCreateForm || productStore.items.length === 0)}
+      <button 
+        type="button" 
+        onclick={handleCreateProduct}
+        class="create-btn"
+      >
+        {t(M['products.product_catalog.add_product'])}
+      </button>
+    {/if}
+  </div>
+  
+  {#if productStore.loading}
+    <div class="loading-state">
+      <p>{t(M['products.product_catalog.loading'])}</p>
+    </div>
+  {:else if productStore.error}
+    <div class="error-state">
+      <p>Error: {productStore.error}</p>
+      <button type="button" onclick={() => productStore.loadProducts()}>
+        Retry
+      </button>
+    </div>
+  {:else if filteredProducts.length === 0}
+    <div class="empty-state">
+      {#if productStore.items.length === 0}
+        <p>{t(M['products.product_catalog.empty'])}</p>
+        {#if !readonly}
+          <button type="button" onclick={handleCreateProduct} class="create-btn">
+            {t(M['products.product_catalog.create_first'])}
+          </button>
+        {/if}
+      {:else}
+        <p>{t(M['products.product_catalog.no_match'])}</p>
+      {/if}
+    </div>
+  {:else}
+    <div class="products-grid">
+      {#each filteredProducts as product (product.id)}
+        <ProductCard 
+          {product}
+          onEdit={readonly ? undefined : handleEditProduct}
+          onDelete={readonly ? undefined : handleDeleteProduct}
+        />
+      {/each}
+    </div>
+  {/if}
+  
+  {#if showForm && !readonly}
+    <div class="form-overlay">
+      <div class="form-container">
+        <h3>{editingProduct ? 'Edit Product' : 'Create New Product'}</h3>
+        <ProductForm
+          product={editingProduct}
+          onSubmit={handleSubmitProduct}
+          onCancel={handleCancelForm}
+          loading={productStore.loading}
+        />
+      </div>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .product-catalog {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 1rem;
+  }
+  
+  .catalog-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1.5rem;
+    padding-bottom: 1rem;
+    border-bottom: 2px solid var(--smrt-color-outline-variant, #e2e8f0);
+  }
+
+  .catalog-header h2 {
+    margin: 0;
+    color: var(--smrt-color-on-surface, #1f2937);
+    font-size: var(--smrt-typography-headline-large-size, 1.875rem);
+    font-weight: var(--smrt-typography-weight-bold, 700);
+  }
+
+  .catalog-stats {
+    display: flex;
+    gap: 1.5rem;
+    font-size: var(--smrt-typography-label-large-size, 0.875rem);
+    color: var(--smrt-color-on-surface-variant, #6b7280);
+  }
+  
+  .catalog-controls {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1.5rem;
+    gap: 1rem;
+  }
+  
+  .search-filters {
+    display: flex;
+    gap: 0.75rem;
+    flex: 1;
+  }
+  
+  .search-input, .category-filter {
+    padding: 0.5rem;
+    border: 1px solid var(--smrt-color-outline-variant, #d1d5db);
+    border-radius: var(--smrt-radius-sm, 4px);
+    font-size: var(--smrt-typography-body-medium-size, 0.875rem);
+  }
+  
+  .search-input {
+    flex: 1;
+    max-width: 300px;
+  }
+  
+  .category-filter {
+    min-width: 150px;
+  }
+  
+  .create-btn {
+    background: var(--smrt-color-primary, #3b82f6);
+    color: var(--smrt-color-on-primary, white);
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: var(--smrt-radius-sm, 4px);
+    font-weight: var(--smrt-typography-weight-medium, 500);
+    cursor: pointer;
+    transition: background-color 0.2s;
+  }
+
+  .create-btn:hover {
+    background: var(--smrt-color-primary, #2563eb);
+  }
+  
+  .products-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+  }
+  
+  .loading-state, .error-state, .empty-state {
+    text-align: center;
+    padding: 3rem 1rem;
+    color: var(--smrt-color-on-surface-variant, #6b7280);
+  }
+
+  .error-state button {
+    margin-top: 0.5rem;
+    background: var(--smrt-color-error, #dc2626);
+    color: var(--smrt-color-on-error, white);
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: var(--smrt-radius-sm, 4px);
+    cursor: pointer;
+  }
+
+  .form-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: var(--smrt-color-scrim, rgba(0, 0, 0, 0.5));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: var(--smrt-z-index-dialog, 1300);
+  }
+  
+  .form-container {
+    background: white;
+    border-radius: var(--smrt-radius-md, 8px);
+    max-width: 500px;
+    width: 90vw;
+    max-height: 90vh;
+    overflow-y: auto;
+  }
+  
+  .form-container h3 {
+    margin: 0 0 1rem 0;
+    padding: 1.5rem 1.5rem 0 1.5rem;
+    color: var(--smrt-color-on-surface, #1f2937);
+    font-size: var(--smrt-typography-title-large-size, 1.25rem);
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+  }
+</style>

package/dist/lib/lib/features/ProductCatalog.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    readonly?: boolean;
+    showCreateForm?: boolean;
+}
+declare const ProductCatalog: import("svelte").Component<Props, {}, "">;
+type ProductCatalog = ReturnType<typeof ProductCatalog>;
+export default ProductCatalog;
+//# sourceMappingURL=ProductCatalog.svelte.d.ts.map

package/dist/lib/lib/features/ProductCatalog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCatalog.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/features/ProductCatalog.svelte"],"names":[],"mappings":"AAUA,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AA0JD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/lib/lib/federation-entry.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Federation Entry Point
+ *
+ * This file provides clean, browser-compatible exports for module federation
+ * without any server-side dependencies or SMRT virtual modules.
+ */
+export { default as ProductCard } from './components/ProductCard.svelte';
+export { default as ProductForm } from './components/ProductForm.svelte';
+export { default as CategoryManager } from './features/CategoryManager.svelte';
+export type { CategoryData, ProductData } from './types';
+//# sourceMappingURL=federation-entry.d.ts.map

package/dist/lib/lib/federation-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"federation-entry.d.ts","sourceRoot":"","sources":["../../../src/lib/federation-entry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAG/E,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/lib/lib/generated/index.d.ts

@@ -0,0 +1,2 @@
+export declare const autoGeneratedComponents: {};
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/lib/generated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/generated/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,4BAA4B,CAAC;AASpC,eAAO,MAAM,uBAAuB,IAAK,CAAC"}