@solcre-org/core-ui 2.19.2 → 2.20.0

package/llm/components/sidebar-custom-modal.md

@@ -0,0 +1,23 @@
+# core-sidebar-custom-modal
+
+- Class: `SidebarCustomModalComponent`
+- File: `projects/core-ui-library/src/lib/components/generic-sidebar/components/sidebar-custom-modal.component.ts`
+
+## Inputs
+- none
+
+## Outputs
+- none
+
+## Demo usage
+
+- No demo usage found in `core-ui-demo`.
+
+## Demo snippet (HTML)
+
+- No demo snippet found in `core-ui-demo`.
+
+## Demo snippet (TS)
+
+- No demo snippet found in `core-ui-demo`.
+

package/llm/components/smart-field.md

@@ -0,0 +1,62 @@
+# core-smart-field
+
+- Class: `SmartFieldComponent`
+- File: `projects/core-ui-library/src/lib/components/fields/types/smart-field/smart-field.component.ts`
+
+## Inputs
+- `field`: `ModalFieldConfig<T> | ExtendedModalFieldConfig<T>` (required)
+- `value`: `any`
+- `mode`: `ModalMode` (required)
+- `errors`: `string[]`
+- `rowData`: `T | null`
+- `formValue`: `any`
+
+## Outputs
+- `valueChange`: `any`
+- `onBlurEvent`: `keyof T`
+- `onEnterEvent`: `keyof T`
+- `selectionChange`: `{ selectedItem: any; newFormValue: any }`
+
+## Usage notes
+- Acts as a wrapper that decides between `core-multi-entry-field` and dynamic fields.
+- Emits `selectionChange` for select-like fields.
+
+## Config sketch
+
+
+```ts
+const smartField: ModalFieldConfig<User> = {
+  key: 'custom',
+  label: 'Custom',
+  type: FieldType.TEXT,
+  readonly: false,
+};
+```
+
+## Example
+
+
+```html
+<core-smart-field
+  [field]="fieldConfig"
+  [value]="formData[fieldConfig.key]"
+  [mode]="mode"
+  [errors]="errors[fieldConfig.key] || []"
+  [formValue]="formData"
+  (valueChange)="onFieldChange(fieldConfig.key, $event)"
+  (selectionChange)="onSelectionChange($event)"
+></core-smart-field>
+```
+
+## Demo usage
+
+- No demo usage found in `core-ui-demo`.
+
+## Demo snippet (HTML)
+
+- No demo snippet found in `core-ui-demo`.
+
+## Demo snippet (TS)
+
+- No demo snippet found in `core-ui-demo`.
+

package/llm/components/switch-field.md

@@ -0,0 +1,56 @@
+# core-switch-field
+
+- Class: `SwitchFieldComponent`
+- File: `projects/core-ui-library/src/lib/components/fields/types/switch-field/switch-field.component.ts`
+
+## Inputs
+- none
+
+## Outputs
+- none
+
+## Usage notes
+
+- Inherits inputs/outputs from `core-base-field`: `field`, `value`, `mode`, `errors`, `rowData`, `formValue` and emits `valueChange`, `onBlurEvent`, `onEnterEvent`.
+- Provide `field` using the matching config interface from `projects/core-ui-library/src/lib/interfaces/field-configs` and `FieldType`.
+- Use `mode` (`ModalMode`) to control readonly/validators and view behavior.
+
+## Config sketch
+
+
+```ts
+const enabledField: SwitchModalFieldConfig<User> = {
+  key: 'enabled',
+  label: 'Enabled',
+  type: FieldType.SWITCH,
+  switchConfig: { labelOn: 'On', labelOff: 'Off' },
+  readonly: false,
+};
+```
+
+## Example
+
+
+```html
+<core-switch-field
+  [field]="fieldConfig"
+  [value]="formData[fieldConfig.key]"
+  [mode]="mode"
+  [errors]="errors[fieldConfig.key] || []"
+  [formValue]="formData"
+  (valueChange)="onFieldChange(fieldConfig.key, $event)"
+></core-switch-field>
+```
+
+## Demo usage
+
+- No demo usage found in `core-ui-demo`.
+
+## Demo snippet (HTML)
+
+- No demo snippet found in `core-ui-demo`.
+
+## Demo snippet (TS)
+
+- No demo snippet found in `core-ui-demo`.
+

package/llm/components/text-area-field.md

@@ -0,0 +1,56 @@
+# core-text-area-field
+
+- Class: `TextAreaFieldComponent`
+- File: `projects/core-ui-library/src/lib/components/fields/types/text-area-field/text-area-field.component.ts`
+
+## Inputs
+- none
+
+## Outputs
+- none
+
+## Usage notes
+
+- Inherits inputs/outputs from `core-base-field`: `field`, `value`, `mode`, `errors`, `rowData`, `formValue` and emits `valueChange`, `onBlurEvent`, `onEnterEvent`.
+- Provide `field` using the matching config interface from `projects/core-ui-library/src/lib/interfaces/field-configs` and `FieldType`.
+- Use `mode` (`ModalMode`) to control readonly/validators and view behavior.
+
+## Config sketch
+
+
+```ts
+const bioField: ModalFieldConfig<User> = {
+  key: 'bio',
+  label: 'Bio',
+  type: FieldType.TEXTAREA,
+  placeholder: 'Short bio',
+  readonly: false,
+};
+```
+
+## Example
+
+
+```html
+<core-text-area-field
+  [field]="fieldConfig"
+  [value]="formData[fieldConfig.key]"
+  [mode]="mode"
+  [errors]="errors[fieldConfig.key] || []"
+  [formValue]="formData"
+  (valueChange)="onFieldChange(fieldConfig.key, $event)"
+></core-text-area-field>
+```
+
+## Demo usage
+
+- No demo usage found in `core-ui-demo`.
+
+## Demo snippet (HTML)
+
+- No demo snippet found in `core-ui-demo`.
+
+## Demo snippet (TS)
+
+- No demo snippet found in `core-ui-demo`.
+

package/llm/components/text-field.md

@@ -0,0 +1,58 @@
+# core-text-field
+
+- Class: `TextFieldComponent`
+- File: `projects/core-ui-library/src/lib/components/fields/types/text-field/text-field.component.ts`
+
+## Inputs
+- none
+
+## Outputs
+- none
+
+## Usage notes
+
+- Inherits inputs/outputs from `core-base-field`: `field`, `value`, `mode`, `errors`, `rowData`, `formValue` and emits `valueChange`, `onBlurEvent`, `onEnterEvent`.
+- Provide `field` using the matching config interface from `projects/core-ui-library/src/lib/interfaces/field-configs` and `FieldType`.
+- Use `mode` (`ModalMode`) to control readonly/validators and view behavior.
+- Supports `inputType`, `maxLength`, `chars`, and `dynamicValue` in field config.
+
+## Config sketch
+
+
+```ts
+const nameField: ModalFieldConfig<User> = {
+  key: 'name',
+  label: 'Name',
+  type: FieldType.TEXT,
+  placeholder: 'Full name',
+  readonly: false,
+  validators: [Validators.required],
+};
+```
+
+## Example
+
+
+```html
+<core-text-field
+  [field]="fieldConfig"
+  [value]="formData[fieldConfig.key]"
+  [mode]="mode"
+  [errors]="errors[fieldConfig.key] || []"
+  [formValue]="formData"
+  (valueChange)="onFieldChange(fieldConfig.key, $event)"
+></core-text-field>
+```
+
+## Demo usage
+
+- No demo usage found in `core-ui-demo`.
+
+## Demo snippet (HTML)
+
+- No demo snippet found in `core-ui-demo`.
+
+## Demo snippet (TS)
+
+- No demo snippet found in `core-ui-demo`.
+

package/llm/components/time-field.md

@@ -0,0 +1,62 @@
+# core-time-field
+
+- Class: `TimeFieldComponent`
+- File: `projects/core-ui-library/src/lib/components/fields/types/time-field/time-field.component.ts`
+
+## Inputs
+- `value`: `TimeFieldValue | string | null`
+- `mode`: `ModalMode` (required)
+- `errors`: `string[]`
+- `rowData`: `T | null`
+- `formValue`: `any`
+
+## Outputs
+- `valueChange`: `TimeFieldValue | string | null`
+- `onBlurEvent`: `keyof T`
+- `onEnterEvent`: `keyof T`
+
+## Usage notes
+
+- Inherits inputs/outputs from `core-base-field`: `field`, `value`, `mode`, `errors`, `rowData`, `formValue` and emits `valueChange`, `onBlurEvent`, `onEnterEvent`.
+- Provide `field` using the matching config interface from `projects/core-ui-library/src/lib/interfaces/field-configs` and `FieldType`.
+- Use `mode` (`ModalMode`) to control readonly/validators and view behavior.
+
+## Config sketch
+
+
+```ts
+const timeField: ModalFieldConfig<User> = {
+  key: 'workingHours',
+  label: 'Working hours',
+  type: FieldType.TIME,
+  timeInterval: TimeInterval.MINUTES_30,
+  readonly: false,
+};
+```
+
+## Example
+
+
+```html
+<core-time-field
+  [field]="fieldConfig"
+  [value]="formData[fieldConfig.key]"
+  [mode]="mode"
+  [errors]="errors[fieldConfig.key] || []"
+  [formValue]="formData"
+  (valueChange)="onFieldChange(fieldConfig.key, $event)"
+></core-time-field>
+```
+
+## Demo usage
+
+- No demo usage found in `core-ui-demo`.
+
+## Demo snippet (HTML)
+
+- No demo snippet found in `core-ui-demo`.
+
+## Demo snippet (TS)
+
+- No demo snippet found in `core-ui-demo`.
+

package/llm/components.md

@@ -0,0 +1,56 @@
+# Component catalog (LLM-friendly)
+
+This is a grouped catalog by feature area. Use `exports.md` for the full export list.
+
+## Layout and navigation
+- `layout` — Page layout container + services.
+- `layout-auth` — Auth layout shell.
+- `header` / `mobile-header` — Top header variants.
+- `main-nav` — Main navigation with permissions-aware config.
+- `generic-sidebar` — Sidebar, responsive behavior, and modal support.
+
+## Forms and fields
+- `fields/types/*` — Input field components (text, textarea, number, date, datetime, daterange, time, phone, file, document, color, select, server-select, switch, password).
+- `fields/types/base` — Base field component for reuse.
+- `fields/field-errors` — Field error display.
+- `generic-button` — Reusable button component + enums/configs.
+
+## Data display and interaction
+- `generic-table` — Config-driven table with actions, filters, inline edit, and pagination.
+- `generic-pagination` — Pagination component + service.
+- `data-list` / `data-list-item` — Simple list rendering.
+- `generic-tabs` — Tabbed UI.
+- `generic-steps` — Stepper UI.
+- `generic-timeline` — Timeline UI.
+- `generic-calendar` — Calendar view.
+- `generic-scheduler` — Scheduler view.
+- `generic-gallery` — Gallery view.
+
+## Feedback, overlays, and modals
+- `generic-modal` — Base modal.
+- `confirmation-dialog` — Confirm dialog component + service.
+- `alert` — Alert component(s).
+- `generic-skeleton` — Skeleton loaders.
+- `loader` — Loading indicator + service.
+- `progress-bar` — Progress bar.
+- `manual-refresh` — Manual refresh UI.
+
+## Media
+- `image-modal` — Image modal.
+- `image-preview` — Image preview.
+- `file-preview` — File preview component.
+- `carousel` — Carousel component.
+- `gallery-modal` — Gallery modal.
+
+## Messaging and chat
+- `generic-chat` — Chat UI + service.
+
+## Ratings and cards
+- `generic-rating` — Rating UI.
+- `card` — Card component.
+
+## Auth
+- `auth/ad-auth` — Azure AD auth guard, interceptor, providers, and login button.
+
+## Demo usage mapping
+- See `projects/core-ui-library/src/llm/demo-examples.md` for demo references.

package/llm/demo-examples.md

@@ -0,0 +1,186 @@
+# Demo examples (core-ui-demo)
+
+This file maps library components to their usage in the demo app.
+
+## core-ad-login-button
+- `projects/core-ui-demo/src/app/auth/auth.html`:25 — `<core-ad-login-button (authEvent)="handleAdAuthEvent($event)" />`
+
+## core-alert-container
+- `projects/core-ui-demo/src/app/app.html`:3 — `<core-alert-container></core-alert-container>`
+
+## core-carousel
+- `projects/core-ui-demo/src/app/admin/components/carousel/carousel.html`:5 — `<core-carousel`
+- `projects/core-ui-demo/src/app/admin/components/carousel/carousel.html`:19 — `<core-carousel`
+- `projects/core-ui-demo/src/app/admin/components/carousel/carousel.html`:33 — `<core-carousel`
+- `projects/core-ui-demo/src/app/admin/components/carousel/carousel.html`:47 — `<core-carousel`
+- `projects/core-ui-demo/src/app/admin/components/carousel/carousel.html`:61 — `<core-carousel`
+- `projects/core-ui-demo/src/app/admin/components/carousel/carousel.html`:75 — `<core-carousel`
+
+## core-dropdown
+- `projects/core-ui-demo/src/app/admin/components/dropdown/dropdown.html`:42 — `<core-dropdown`
+
+## core-generic-button
+- `projects/core-ui-demo/src/app/admin/components/alerts/alerts.html`:4 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/alerts/alerts.html`:17 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:5 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:12 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:19 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:26 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:33 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:40 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:47 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:54 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:61 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:68 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:75 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/button/button.html`:86 — `<core-generic-button [config]="config"/>`
+- `projects/core-ui-demo/src/app/admin/components/dialog/dialog.html`:5 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/dropdown/dropdown.html`:34 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:15 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:32 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:49 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:66 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:83 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:100 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:117 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:134 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:151 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:168 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:185 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:201 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:218 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:235 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/forms/forms.html`:252 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(field)"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/global-sidebar/global-sidebar.html`:47 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/global-sidebar/global-sidebar.html`:54 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/icons/icons.html`:7 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:4 — `<core-generic-button [config]="basicModalButton" (buttonClick)="openBasicModal()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:11 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[0])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:16 — `<core-generic-button [config]="basicModalWithFieldsButton" (buttonClick)="openBasicModalWithFields()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:26 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[1])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:31 — `<core-generic-button [config]="basicModalWithModeSelectorButton" (buttonClick)="openBasicModalWithModeSelector()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:41 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[2])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:50 — `<core-generic-button [config]="mediumModalWithCustomTemplateButton" (buttonClick)="openMediumModalWithCustomTemplate()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:58 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[3])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:67 — `<core-generic-button [config]="mediumModalWithTableInsideButton" (buttonClick)="openMediumModalWithTableInside()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:75 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[4])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:96 — `<core-generic-button [config]="modalWithUnsavedChangesButton" (buttonClick)="openModalWithUnsavedChanges()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:108 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[5])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:113 — `<core-generic-button [config]="modalWithTabsButton" (buttonClick)="openModalWithTabs()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:123 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[6])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:128 — `<core-generic-button [config]="modalWithStepsButton" (buttonClick)="openModalWithSteps()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:140 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[7])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:145 — `<core-generic-button [config]="modalWithStepsAdvancedButton" (buttonClick)="openModalWithStepsAdvanced()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:157 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[8])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:207 — `<core-generic-button [config]="modalWithStepsCustomTemplateButton" (buttonClick)="openModalWithStepsCustomTemplate()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:219 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[9])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:224 — `<core-generic-button [config]="modalWithMultipleCustomTemplatesButton" (buttonClick)="openModalWithMultipleCustomTemplates()"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:236 — `<core-generic-button [config]="viewButtonConfig()" (buttonClick)="showImplementationCode(modalUseCases[10])"></core-generic-button>`
+- `projects/core-ui-demo/src/app/admin/components/sidebar/sidebar.html`:18 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/panel-example/panel-example.html`:19 — `<core-generic-button`
+- `projects/core-ui-demo/src/app/admin/panel-example/panel-example.html`:23 — `<core-generic-button`
+
+## core-generic-calendar
+- `projects/core-ui-demo/src/app/admin/components/calendar/calendar-demo.component.html`:127 — `<core-generic-calendar`
+
+## core-generic-chat
+- `projects/core-ui-demo/src/app/admin/components/generic-chat/generic-chat.html`:7 — `<core-generic-chat`
+- `projects/core-ui-demo/src/app/admin/components/generic-chat/generic-chat.html`:28 — `<core-generic-chat`
+- `projects/core-ui-demo/src/app/admin/components/generic-chat/generic-chat.html`:53 — `<core-generic-chat`
+- `projects/core-ui-demo/src/app/admin/components/generic-chat/generic-chat.html`:75 — `<core-generic-chat`
+- `projects/core-ui-demo/src/app/admin/components/generic-chat/generic-chat.html`:96 — `<core-generic-chat`
+
+## core-generic-gallery
+- `projects/core-ui-demo/src/app/admin/components/gallery/gallery.html`:12 — `<core-generic-gallery`
+- `projects/core-ui-demo/src/app/admin/components/gallery/gallery.html`:31 — `<core-generic-gallery`
+- `projects/core-ui-demo/src/app/admin/components/gallery/gallery.html`:47 — `<core-generic-gallery`
+- `projects/core-ui-demo/src/app/admin/components/gallery/gallery.html`:63 — `<core-generic-gallery`
+- `projects/core-ui-demo/src/app/admin/components/gallery/gallery.html`:79 — `<core-generic-gallery`
+- `projects/core-ui-demo/src/app/admin/components/gallery/gallery.html`:141 — `<core-generic-gallery`
+
+## core-generic-modal
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:5 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:17 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:32 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:51 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:68 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:97 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:114 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:129 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:146 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:208 — `<core-generic-modal`
+- `projects/core-ui-demo/src/app/admin/components/modals/modals.html`:225 — `<core-generic-modal`
+
+## core-generic-rating
+- `projects/core-ui-demo/src/app/admin/components/rating/rating.html`:3 — `<core-generic-rating`
+
+## core-generic-scheduler
+- `projects/core-ui-demo/src/app/admin/components/calendar/calendar-demo.component.html`:106 — `<core-generic-scheduler`
+- `projects/core-ui-demo/src/app/admin/components/calendar/calendar-demo.component.html`:145 — `<core-generic-scheduler`
+
+## core-generic-sidebar
+- `projects/core-ui-demo/src/app/admin/components/sidebar/sidebar.html`:27 — `<core-generic-sidebar`
+
+## core-generic-skeleton
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:5 — `<core-generic-skeleton`
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:19 — `<core-generic-skeleton`
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:32 — `<core-generic-skeleton`
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:46 — `<core-generic-skeleton`
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:57 — `<core-generic-skeleton`
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:70 — `<core-generic-skeleton`
+- `projects/core-ui-demo/src/app/admin/components/skeleton/skeleton.html`:83 — `<core-generic-skeleton [config]="preset.config"></core-generic-skeleton>`
+
+## core-generic-steps
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:4 — `<core-generic-steps [config]="basicConfig()" (stepChange)="onBasicStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:41 — `<core-generic-steps [config]="iconConfig()" (stepChange)="onIconStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:90 — `<core-generic-steps [config]="verticalConfig()" (stepChange)="onVerticalStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:140 — `<core-generic-steps [config]="smallConfig()" (stepChange)="onSmallStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:159 — `<core-generic-steps [config]="largeConfig()" (stepChange)="onLargeStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:178 — `<core-generic-steps [config]="customColorsConfig()" (stepChange)="onCustomColorsStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:197 — `<core-generic-steps [config]="disabledConfig()" (stepChange)="onDisabledStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:220 — `<core-generic-steps [config]="textConfig()" (stepChange)="onTextStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:240 — `<core-generic-steps [config]="translatedConfig()" (stepChange)="onTranslatedStepChange($event)">`
+- `projects/core-ui-demo/src/app/admin/components/steps/steps.html`:281 — `<core-generic-steps [config]="serviceConfig()" [useService]="true" instanceId="demo-steps" (serviceStepChange)="onServiceStepChange($event)">`
+
+## core-generic-switch
+- `projects/core-ui-demo/src/app/admin/components/switch/switch-example.component.html`:15 — `<core-generic-switch`
+- `projects/core-ui-demo/src/app/admin/components/switch/switch-example.component.html`:33 — `<core-generic-switch`
+- `projects/core-ui-demo/src/app/admin/components/switch/switch-example.component.html`:52 — `<core-generic-switch`
+
+## core-generic-table
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:12 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:30 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:48 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:62 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:104 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:118 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:146 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:168 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/components/tables/tables.html`:180 — `<core-generic-table`
+- `projects/core-ui-demo/src/app/admin/panel-example/panel-example.html`:30 — `<core-generic-table`
+
+## core-generic-timeline
+- `projects/core-ui-demo/src/app/admin/components/timeline/timeline.html`:3 — `<core-generic-timeline class="u-push-t--xl"`
+
+## core-image-preview
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:7 — `<core-image-preview`
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:27 — `<core-image-preview`
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:39 — `<core-image-preview`
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:51 — `<core-image-preview`
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:67 — `<core-image-preview`
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:78 — `<core-image-preview`
+- `projects/core-ui-demo/src/app/admin/components/image-preview/image-preview.html`:89 — `<core-image-preview`
+
+## core-layout
+- `projects/core-ui-demo/src/app/layout/dashboard/dashboard.component.html`:1 — `<core-layout`
+
+## core-layout-auth
+- `projects/core-ui-demo/src/app/auth/auth.html`:1 — `<core-layout-auth [config]="{}">`
+
+## core-loader
+- `projects/core-ui-demo/src/app/app.html`:5 — `<core-loader></core-loader>`
+
+## core-progress-bar
+- `projects/core-ui-demo/src/app/admin/components/progressbar/progressbar.html`:3 — `<core-progress-bar [progress]="10" [size]="progressBarSizes.SMALL"/>`
+- `projects/core-ui-demo/src/app/admin/components/progressbar/progressbar.html`:6 — `<core-progress-bar [progress]="50" />`
+- `projects/core-ui-demo/src/app/admin/components/progressbar/progressbar.html`:9 — `<core-progress-bar [progress]="5" [size]="progressBarSizes.LARGE"/>`