Issue #SB-13915 task: Card Component

dist/sunbird-ui-components/accordion/accordion-config.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A configuration service for the [NgbAccordion](#/components/accordion/api#NgbAccordion) component.
+ *
+ * You can inject this service, typically in your root component, and customize its properties
+ * to provide default values for all accordions used in the application.
+ */
+export declare class NgbAccordionConfig {
+    closeOthers: boolean;
+    type: string;
+}

dist/sunbird-ui-components/accordion/accordion.d.ts

@@ -0,0 +1,187 @@
+import { AfterContentChecked, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { NgbAccordionConfig } from './accordion-config';
+/**
+ * The context for the [NgbPanelHeader](#/components/accordion/api#NgbPanelHeader) template
+ *
+ * @since 4.1.0
+ */
+export interface NgbPanelHeaderContext {
+    /**
+     * `True` if current panel is opened
+     */
+    opened: boolean;
+}
+/**
+ * A directive that wraps an accordion panel header with any HTML markup and a toggling button
+ * marked with [`NgbPanelToggle`](#/components/accordion/api#NgbPanelToggle).
+ * See the [header customization demo](#/components/accordion/examples#header) for more details.
+ *
+ * You can also use [`NgbPanelTitle`](#/components/accordion/api#NgbPanelTitle) to customize only the panel title.
+ *
+ * @since 4.1.0
+ */
+export declare class NgbPanelHeader {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}
+/**
+ * A directive that wraps only the panel title with HTML markup inside.
+ *
+ * You can also use [`NgbPanelHeader`](#/components/accordion/api#NgbPanelHeader) to customize the full panel header.
+ */
+export declare class NgbPanelTitle {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}
+/**
+ * A directive that wraps the accordion panel content.
+ */
+export declare class NgbPanelContent {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}
+/**
+ * A directive that wraps an individual accordion panel with title and collapsible content.
+ */
+export declare class NgbPanel implements AfterContentChecked {
+    /**
+     *  If `true`, the panel is disabled an can't be toggled.
+     */
+    disabled: boolean;
+    /**
+     *  An optional id for the panel that must be unique on the page.
+     *
+     *  If not provided, it will be auto-generated in the `ngb-panel-xxx` format.
+     */
+    id: string;
+    isOpen: boolean;
+    /**
+     *  The panel title.
+     *
+     *  You can alternatively use [`NgbPanelTitle`](#/components/accordion/api#NgbPanelTitle) to set panel title.
+     */
+    title: string;
+    /**
+     * Type of the current panel.
+     *
+     * Bootstrap provides styles for the following types: `'success'`, `'info'`, `'warning'`, `'danger'`, `'primary'`,
+     * `'secondary'`, `'light'` and `'dark'`.
+     */
+    type: string;
+    titleTpl: NgbPanelTitle | null;
+    headerTpl: NgbPanelHeader | null;
+    contentTpl: NgbPanelContent | null;
+    titleTpls: QueryList<NgbPanelTitle>;
+    headerTpls: QueryList<NgbPanelHeader>;
+    contentTpls: QueryList<NgbPanelContent>;
+    ngAfterContentChecked(): void;
+}
+/**
+ * An event emitted right before toggling an accordion panel.
+ */
+export interface NgbPanelChangeEvent {
+    /**
+     * The id of the accordion panel that is being toggled.
+     */
+    panelId: string;
+    /**
+     * The next state of the panel.
+     *
+     * `true` if it will be opened, `false` if closed.
+     */
+    nextState: boolean;
+    /**
+     * Calling this function will prevent panel toggling.
+     */
+    preventDefault: () => void;
+}
+/**
+ * Accordion is a collection of collapsible panels (bootstrap cards).
+ *
+ * It can ensure only one panel is opened at a time and allows to customize panel
+ * headers.
+ */
+export declare class NgbAccordion implements AfterContentChecked {
+    panels: QueryList<NgbPanel>;
+    /**
+     * An array or comma separated strings of panel ids that should be opened **initially**.
+     *
+     * For subsequent changes use methods like `expand()`, `collapse()`, etc. and
+     * the `(panelChange)` event.
+     */
+    activeIds: string | string[];
+    /**
+     *  If `true`, only one panel could be opened at a time.
+     *
+     *  Opening a new panel will close others.
+     */
+    closeOtherPanels: boolean;
+    /**
+     * If `true`, panel content will be detached from DOM and not simply hidden when the panel is collapsed.
+     */
+    destroyOnHide: boolean;
+    /**
+     * Type of panels.
+     *
+     * Bootstrap provides styles for the following types: `'success'`, `'info'`, `'warning'`, `'danger'`, `'primary'`,
+     * `'secondary'`, `'light'` and `'dark'`.
+     */
+    type: string;
+    /**
+     * Event emitted right before the panel toggle happens.
+     *
+     * See [NgbPanelChangeEvent](#/components/accordion/api#NgbPanelChangeEvent) for payload details.
+     */
+    panelChange: EventEmitter<NgbPanelChangeEvent>;
+    constructor(config: NgbAccordionConfig);
+    /**
+     * Checks if a panel with a given id is expanded.
+     */
+    isExpanded(panelId: string): boolean;
+    /**
+     * Expands a panel with a given id.
+     *
+     * Has no effect if the panel is already expanded or disabled.
+     */
+    expand(panelId: string): void;
+    /**
+     * Expands all panels, if `[closeOthers]` is `false`.
+     *
+     * If `[closeOthers]` is `true`, it will expand the first panel, unless there is already a panel opened.
+     */
+    expandAll(): void;
+    /**
+     * Collapses a panel with the given id.
+     *
+     * Has no effect if the panel is already collapsed or disabled.
+     */
+    collapse(panelId: string): void;
+    /**
+     * Collapses all opened panels.
+     */
+    collapseAll(): void;
+    /**
+     * Toggles a panel with the given id.
+     *
+     * Has no effect if the panel is disabled.
+     */
+    toggle(panelId: string): void;
+    ngAfterContentChecked(): void;
+    private _changeOpenState;
+    private _closeOthers;
+    private _findPanelById;
+    private _updateActiveIds;
+}
+/**
+ * A directive to put on a button that toggles panel opening and closing.
+ *
+ * To be used inside the [`NgbPanelHeader`](#/components/accordion/api#NgbPanelHeader)
+ *
+ * @since 4.1.0
+ */
+export declare class NgbPanelToggle {
+    accordion: NgbAccordion;
+    panel: NgbPanel;
+    ngbPanelToggle: NgbPanel;
+    constructor(accordion: NgbAccordion, panel: NgbPanel);
+}

dist/sunbird-ui-components/accordion/accordion.module.d.ts

@@ -0,0 +1,4 @@
+export { NgbAccordion, NgbPanel, NgbPanelTitle, NgbPanelContent, NgbPanelChangeEvent, NgbPanelHeader, NgbPanelHeaderContext, NgbPanelToggle } from './accordion';
+export { NgbAccordionConfig } from './accordion-config';
+export declare class NgbAccordionModule {
+}

dist/sunbird-ui-components/alert/alert-config.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A configuration service for the [NgbAlert](#/components/alert/api#NgbAlert) component.
+ *
+ * You can inject this service, typically in your root component, and customize its properties
+ * to provide default values for all alerts used in the application.
+ */
+export declare class NgbAlertConfig {
+    dismissible: boolean;
+    type: string;
+}

dist/sunbird-ui-components/alert/alert.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter, Renderer2, ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NgbAlertConfig } from './alert-config';
+/**
+ * Alert is a component to provide contextual feedback messages for user.
+ *
+ * It supports several alert types and can be dismissed.
+ */
+export declare class NgbAlert implements OnInit, OnChanges {
+    private _renderer;
+    private _element;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     *
+     * The close button (×) will be displayed and you can be notified
+     * of the event with the `(close)` output.
+     */
+    dismissible: boolean;
+    /**
+     * Type of the alert.
+     *
+     * Bootstrap provides styles for the following types: `'success'`, `'info'`, `'warning'`, `'danger'`, `'primary'`,
+     * `'secondary'`, `'light'` and `'dark'`.
+     */
+    type: string;
+    /**
+     * An event emitted when the close button is clicked. It has no payload and only relevant for dismissible alerts.
+     */
+    close: EventEmitter<void>;
+    constructor(config: NgbAlertConfig, _renderer: Renderer2, _element: ElementRef);
+    closeHandler(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+}

dist/sunbird-ui-components/alert/alert.module.d.ts

@@ -0,0 +1,4 @@
+export { NgbAlert } from './alert';
+export { NgbAlertConfig } from './alert-config';
+export declare class NgbAlertModule {
+}