superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/README.md

@@ -37,6 +37,80 @@ To import react modules in your application, just use
 import {LineInput} from 'superdesk-ui-framework'
 ```
 
+### Storybook
+
+The project includes Storybook 10 for interactive component development and documentation, integrated with the main documentation site.
+
+#### Running Storybook
+
+```bash
+# Start Storybook in standalone development mode (with hot reload)
+npm run storybook
+
+# Build static Storybook for deployment
+npm run build-storybook
+
+# Copy Storybook to dist directory (included in main build)
+npm run copy-storybook
+```
+
+#### Accessing Storybook
+
+**Development mode** (npm start):
+
+- Main docs: http://localhost:9100/
+- Navigate to Storybook section in the main navigation
+- Or access directly: http://localhost:9100/storybook/index.html
+
+**Standalone mode** (npm run storybook):
+
+- http://localhost:6006/
+
+#### Integrated Deployment
+
+Storybook is fully integrated with the main documentation site:
+
+- `npm run build` automatically builds and copies Storybook to `dist/storybook/`
+- Accessible as a 5th section in the main navigation
+- Opens in a new tab, keeping main docs accessible
+- Single deployment artifact includes both docs and Storybook
+
+#### Features
+
+- Interactive component playground with live prop editing
+- Automatic documentation generation from TypeScript types
+- Accessibility testing with built-in a11y addon
+- Responsive design testing with viewport controls
+- Full SCSS styling support
+
+#### Creating Stories
+
+For guidance on migrating components to Storybook, see [STORYBOOK_MIGRATION.md](./STORYBOOK_MIGRATION.md).
+
+Example story structure:
+
+```typescript
+import type {Meta, StoryObj} from '@storybook/react';
+import {YourComponent} from './YourComponent';
+
+const meta = {
+    title: 'Components/YourComponent',
+    component: YourComponent,
+    tags: ['autodocs'],
+} satisfies Meta<typeof YourComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = {
+    args: {
+        // Your component props
+    },
+};
+```
+
+See `app-typescript/components/Button.stories.tsx` for a complete reference implementation.
+
 ### Contributing
 
 1. Fork repo https://github.com/superdesk/superdesk-ui-framework

package/dist/esm/components/Alert.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+interface IProps {
+    type?: 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
+    style?: 'filled' | 'hollow';
+    size?: 'normal' | 'small';
+    restoreIcon?: 'info' | 'help';
+    icon?: string;
+    banner?: boolean;
+    margin?: 'none' | 'small' | 'normal' | 'large';
+    fullWidth?: boolean;
+}
+interface IState {
+    open: boolean;
+}
+export declare class Alert extends React.PureComponent<IProps, IState> {
+    constructor(props: IProps);
+    onToggle(): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Alert.d.ts.map

package/dist/esm/components/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9E,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,MAAM;IACZ,IAAI,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC9C,KAAK,EAAE,MAAM;IAQzB,QAAQ;IAMR,MAAM;CA2CT"}

package/dist/esm/components/Alert.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Icon } from './Icon';
+export class Alert extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            open: true,
+        };
+        this.onToggle = this.onToggle.bind(this);
+    }
+    onToggle() {
+        this.setState((state) => ({
+            open: !state.open,
+        }));
+    }
+    render() {
+        let classesAlert = classNames('sd-alert', {
+            'sd-alert--hollow': this.props.style === 'hollow',
+            'sd-alert--small': this.props.size === 'small',
+            [`sd-alert--${this.props.type}`]: this.props.type,
+            [`sd-alert--${this.props.type}`]: this.props.type,
+            'sd-alert--margin-normal': this.props.margin === undefined,
+            [`sd-alert--margin-${this.props.margin}`]: this.props.margin,
+            'sd-alert--hidden': !this.state.open,
+            'sd-alert--banner-style': this.props.banner,
+        });
+        let classesInfoBtn = classNames('sd-alert__info-btn sd-shadow--z2', {
+            [`sd-alert__info-btn--${this.props.type}`]: this.props.type,
+            'sd-alert__info-btn--hidden': this.state.open,
+        });
+        const styles = {};
+        if (this.props.fullWidth) {
+            styles.width = '100%';
+        }
+        return (React.createElement("div", { className: "sd-alert__container", style: styles },
+            React.createElement("div", { className: classesAlert },
+                this.props.icon ? (React.createElement("span", { className: "sd-alert__icon" },
+                    React.createElement(Icon, { name: this.props.icon }))) : null,
+                this.props.restoreIcon ? (React.createElement("button", { className: "sd-alert__close", onClick: this.onToggle, "aria-label": "Close" })) : null,
+                React.createElement("span", { className: "sd-alert__content" }, this.props.children)),
+            this.props.restoreIcon ? (React.createElement("span", { className: classesInfoBtn, onClick: this.onToggle },
+                React.createElement("i", { className: this.props.restoreIcon === 'help' ? 'icon-help-large' : 'icon-info-large' }))) : null));
+    }
+}
+//# sourceMappingURL=Alert.js.map

package/dist/esm/components/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../app-typescript/components/Alert.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Autocomplete.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+interface IProps {
+    items: Array<any>;
+    keyValue?: string;
+    minLength?: number;
+    value?: string | object;
+    label?: string;
+    placeholder?: string;
+    info?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    inlineLabel?: boolean;
+    isSearchField?: boolean;
+    listItemTemplate?(value: any): any;
+    search?(searhString: string, callback: (result: Array<any>) => void): {
+        cancel: () => void;
+    };
+    onChange(newValue: string): void;
+    onSelect?(suggestion: string): void;
+}
+interface IState {
+    selectedItem: any;
+    filteredItems: any;
+    invalid: boolean;
+    focused: boolean;
+}
+export declare class Autocomplete extends React.Component<IProps, IState> {
+    latestCall?: {
+        cancel: () => void;
+    };
+    constructor(props: IProps);
+    htmlId: string;
+    search(term: string): void;
+    searchItem(event: any): void;
+    handleChange(event: {
+        originalEvent: Event;
+        value: any;
+    }): void;
+    handleSelect(event: {
+        originalEvent: Event;
+        value: any;
+    }): void;
+    handleInputClear(): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/esm/components/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,MAAM;IACZ,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,CAAC,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC;IACnC,MAAM,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAC,CAAC;IAC3F,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAED,UAAU,MAAM;IACZ,YAAY,EAAE,GAAG,CAAC;IAClB,aAAa,EAAE,GAAG,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IAC7D,UAAU,CAAC,EAAE;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAC,CAAC;gBAEtB,KAAK,EAAE,MAAM;IAYzB,MAAM,SAAY;IAElB,MAAM,CAAC,IAAI,EAAE,MAAM;IAYnB,UAAU,CAAC,KAAK,EAAE,GAAG;IAuBrB,YAAY,CAAC,KAAK,EAAE;QAAC,aAAa,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAC;IAKtD,YAAY,CAAC,KAAK,EAAE;QAAC,aAAa,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAC;IAOtD,gBAAgB;IAIhB,MAAM;CA4FT"}

package/dist/esm/components/Autocomplete.js

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { AutoComplete } from '@superdesk/primereact/autocomplete';
+import classNames from 'classnames';
+import nextId from 'react-id-generator';
+export class Autocomplete extends React.Component {
+    constructor(props) {
+        super(props);
+        this.htmlId = nextId();
+        this.state = {
+            selectedItem: this.props.value ?? null,
+            filteredItems: null,
+            invalid: this.props.invalid ?? false,
+            focused: false,
+        };
+        this.searchItem = this.searchItem.bind(this);
+    }
+    search(term) {
+        if (!this.props.search) {
+            return;
+        }
+        this.latestCall?.cancel();
+        this.latestCall = this.props.search(term, (results) => {
+            this.setState({ filteredItems: results });
+        });
+    }
+    searchItem(event) {
+        if (this.props.search) {
+            return this.search(event.query);
+        }
+        setTimeout(() => {
+            let filteredItems;
+            if (!event.query.trim().length) {
+                filteredItems = [...this.props.items];
+            }
+            else {
+                filteredItems = this.props.items.filter((item) => {
+                    if (this.props.keyValue) {
+                        return item[this.props.keyValue].toLowerCase().startsWith(event.query.toLowerCase());
+                    }
+                    return item.toLowerCase().startsWith(event.query.toLowerCase());
+                });
+            }
+            this.setState({ filteredItems });
+        }, 250);
+    }
+    handleChange(event) {
+        this.setState({ selectedItem: event.value });
+        this.props.onChange(event.value);
+    }
+    handleSelect(event) {
+        this.setState({ selectedItem: event.value });
+        if (this.props.onSelect) {
+            this.props.onSelect(event.value);
+        }
+    }
+    handleInputClear() {
+        this.setState({ selectedItem: null });
+    }
+    render() {
+        let classes, inputFieldClass;
+        if (this.props.isSearchField) {
+            classes = classNames('sd-searchbar', 'sd-searchbar--boxed', {
+                'sd-searchbar--disabled': this.props.disabled,
+                'sd-searchbar--invalid': this.props.invalid || this.state.invalid,
+                'sd-searchbar--focused': this.state.focused,
+            });
+            inputFieldClass = 'sd-searchbar__input';
+        }
+        else {
+            classes = classNames('sd-input', {
+                'sd-input--inline-label': this.props.inlineLabel,
+                'sd-input--required': this.props.required,
+                'sd-input--disabled': this.props.disabled,
+                'sd-input--invalid': this.props.invalid || this.state.invalid,
+                'sd-input--focused': this.state.focused,
+            });
+            inputFieldClass = 'sd-input__input';
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: classes },
+                this.props.label && !this.props.isSearchField ? (React.createElement("label", { className: "sd-input__label", htmlFor: this.htmlId },
+                    React.createElement("span", null, this.props.label))) : null,
+                this.props.label && this.props.isSearchField ? (React.createElement("label", { className: "sd-searchbar__icon", htmlFor: this.htmlId, "aria-label": this.props.label })) : null,
+                React.createElement(AutoComplete, { id: this.htmlId, inputClassName: inputFieldClass, value: this.state.selectedItem, placeholder: this.props.placeholder, suggestions: this.state.filteredItems, completeMethod: this.searchItem, itemTemplate: this.props.listItemTemplate, field: this.props.keyValue, disabled: this.props.disabled, minLength: this.props.minLength ? this.props.minLength : 1, onFocus: () => {
+                        this.setState({ focused: true });
+                    }, onBlur: () => {
+                        this.setState({ focused: false });
+                    }, onChange: (event) => this.handleChange(event), onSelect: (event) => this.handleSelect(event) }),
+                this.props.isSearchField && this.state.selectedItem ? (React.createElement("button", { className: "sd-searchbar__cancel", onClick: () => this.handleInputClear() },
+                    React.createElement("i", { className: "icon-remove-sign", "aria-label": "remove-sign" }))) : null,
+                !this.props.isSearchField ? (React.createElement("div", { className: "sd-input__message-box" },
+                    this.props.info && !this.props.invalid && !this.state.invalid ? (React.createElement("div", { className: "sd-input__hint" }, this.props.info)) : null,
+                    this.props.invalid || this.state.invalid ? (React.createElement("div", { className: "sd-input__message" }, this.props.error)) : null)) : null),
+            this.props.isSearchField ? (React.createElement("div", { className: "sd-searchbar__message-box" },
+                this.props.info && !this.props.invalid && !this.state.invalid ? (React.createElement("div", { className: "sd-searchbar__hint" }, this.props.info)) : null,
+                this.props.invalid || this.state.invalid ? (React.createElement("div", { className: "sd-searchbar__message" }, this.props.error)) : null)) : null));
+    }
+}
+//# sourceMappingURL=Autocomplete.js.map

package/dist/esm/components/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../app-typescript/components/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Badge.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IProps {
+    text?: string;
+    type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
+    color?: string;
+    shape?: 'round' | 'square';
+    children?: React.ReactNode;
+    hexColor?: string;
+    'data-test-id'?: string;
+}
+export declare class Badge extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/esm/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IAClD,MAAM;CAgCT"}

package/dist/esm/components/Badge.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class Badge extends React.PureComponent {
+    render() {
+        let classes = classNames('badge', {
+            [`badge--${this.props.type}`]: this.props.type && !this.props.color,
+            [`${this.props.color}`]: this.props.color && !this.props.type,
+            'badge--square': this.props.shape === 'square',
+        });
+        if (this.props.children) {
+            return (React.createElement("div", { className: "element-with-badge", "data-test-id": this.props['data-test-id'] },
+                this.props.children,
+                React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor }, "data-test-id": "badge-content" }, this.props.text)));
+        }
+        else {
+            return (React.createElement("span", { className: classes, style: { backgroundColor: this.props.hexColor }, "data-test-id": this.props['data-test-id'] }, this.props.text));
+        }
+    }
+}
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../app-typescript/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,aAAqB;IAClD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE;YAC9B,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;YACnE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;YAC7D,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;SACjD,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB,kBAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;gBACvE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACpB,8BACI,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,EAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAC,kBAChC,eAAe,IAE3B,IAAI,CAAC,KAAK,CAAC,IAAI,CACb,CACL,CACT,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CACH,8BACI,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,EAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAC,kBAC/B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAEvC,IAAI,CAAC,KAAK,CAAC,IAAI,CACb,CACV,CAAC;QACN,CAAC;IACL,CAAC;CACJ"}

package/dist/esm/components/Button.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+interface IPropsButton {
+    text: string;
+    onClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+    expand?: boolean;
+    style?: 'filled' | 'hollow' | 'text-only';
+    shape?: 'square' | 'round';
+    isLoading?: boolean;
+    loadingLabel?: string;
+    tooltip?: string;
+    id?: string;
+    theme?: 'light' | 'dark';
+    type?: 'primary' | 'secondary' | 'tertiary' | 'default' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
+    size?: 'small' | 'normal' | 'large';
+    textAlign?: 'start' | 'center' | 'end';
+    children?: never;
+    icon?: string;
+    disabled?: boolean;
+    iconOnly?: boolean;
+    noMargin?: boolean;
+    ariaLabel?: string;
+    'data-test-id'?: string;
+}
+export declare class Button extends React.PureComponent<IPropsButton> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,YAAY;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC;IAEtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC1C,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EACC,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,WAAW,GACX,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IACzD,MAAM;CAwCT"}

package/dist/esm/components/Button.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Icon } from './Icon';
+import { Spinner } from './Spinner';
+import { Tooltip } from './Tooltip';
+export class Button extends React.PureComponent {
+    render() {
+        let classes = classNames('btn', {
+            'btn--expanded': this.props.expand,
+            'btn--hollow': this.props.type === 'tertiary' || this.props.style === 'hollow',
+            [`btn--${this.props.size}`]: this.props.size !== 'normal' && this.props.size !== undefined,
+            [`btn--${this.props.type}`]: this.props.type !== 'secondary' && this.props.type !== undefined,
+            [`btn--${this.props.type}`]: this.props.type !== 'default' && this.props.type !== undefined,
+            [`btn--${this.props.style}`]: this.props.style !== 'filled' && this.props.style !== undefined,
+            'btn--disabled': this.props.disabled,
+            'btn--icon-only': this.props.iconOnly,
+            'btn--ui-dark': this.props.theme === 'dark',
+            'btn--icon-only-circle': this.props.shape === 'round' && this.props.iconOnly,
+            'sd-flex-justify-start': this.props.textAlign === 'start',
+            'sd-flex-justify-end': this.props.textAlign === 'end',
+        });
+        return (React.createElement(TooltipWrapper, { tooltipText: this.props.tooltip }, ({ attributes }) => (React.createElement("button", { ...attributes, id: this.props.id, className: classes, tabIndex: 0, disabled: this.props.disabled || this.props.isLoading, "data-loading": this.props.isLoading, onClick: this.props.disabled ? () => false : (event) => this.props.onClick(event), "aria-label": this.props.ariaLabel ?? (this.props.iconOnly ? this.props.text : undefined), "data-test-id": this.props['data-test-id'], style: this.props.noMargin ? { margin: 0 } : undefined },
+            this.props.isLoading ? React.createElement(Spinner, { size: "mini" }) : null,
+            this.props.icon && !this.props.isLoading ? React.createElement(Icon, { ariaHidden: true, name: this.props.icon }) : null,
+            this.props.iconOnly ? null : this.props.text))));
+    }
+}
+class TooltipWrapper extends React.PureComponent {
+    render() {
+        const { tooltipText, children } = this.props;
+        return tooltipText != null && (tooltipText ?? '').length > 0 ? (React.createElement(Tooltip, { content: tooltipText }, ({ attributes }) => children({ attributes }))) : (React.createElement(React.Fragment, null, children({ attributes: {} })));
+    }
+}
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../app-typescript/components/Button.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ButtonGroup.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface IProps {
+    orientation?: 'horizontal' | 'vertical';
+    spaces?: 'comfort' | 'compact' | 'loose' | 'no-space';
+    align?: 'start' | 'end' | 'center' | 'inline' | 'sub';
+    padded?: boolean;
+    subgroup?: boolean;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare class ButtonGroup extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/esm/components/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IACtD,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACxD,MAAM;CAqBT"}

package/dist/esm/components/ButtonGroup.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class ButtonGroup extends React.PureComponent {
+    render() {
+        let classes = classNames('button-group', {
+            [`button-group--start`]: this.props.align === undefined && !this.props.orientation && !this.props.subgroup,
+            [`button-group--${this.props.align}`]: this.props.align && !this.props.orientation,
+            [`button-group--vertical`]: this.props.orientation === 'vertical',
+            [`button-group--comfort`]: this.props.spaces === undefined,
+            [`button-group--${this.props.spaces}`]: this.props.spaces,
+            [`button-group--padded`]: this.props.padded === true,
+            [`button-group--sub-group`]: this.props.subgroup === true,
+        }, this.props.className);
+        return (React.createElement("div", { className: classes, role: "group" }, this.props.children));
+    }
+}
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/esm/components/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../app-typescript/components/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,aAAqB;IACxD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CACpB,cAAc,EACd;YACI,CAAC,qBAAqB,CAAC,EACnB,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACrF,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW;YAClF,CAAC,wBAAwB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,UAAU;YACjE,CAAC,uBAAuB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS;YAC1D,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YACzD,CAAC,sBAAsB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI;YACpD,CAAC,yBAAyB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI;SAC5D,EACD,IAAI,CAAC,KAAK,CAAC,SAAS,CACvB,CAAC;QACF,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClB,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Card.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface IProps extends Pick<React.CSSProperties, 'paddingBlock'> {
+    children: React.ReactNode;
+    paddingBase: '0' | '1' | '2' | '3' | '4';
+    paddingBlock?: React.CSSProperties['paddingBlock'];
+    paddingBlockStart?: React.CSSProperties['paddingBlockStart'];
+    paddingBlockEnd?: React.CSSProperties['paddingBlockEnd'];
+    paddingInline?: React.CSSProperties['paddingInline'];
+    paddingInlineStart?: React.CSSProperties['paddingInlineStart'];
+    paddingInlineEnd?: React.CSSProperties['paddingInlineEnd'];
+    style?: React.CSSProperties;
+    'data-test-id'?: string;
+}
+export declare class Card extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/esm/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,MAAO,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,cAAc,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACnD,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAC7D,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACrD,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACjD,MAAM;CA0CT"}

package/dist/esm/components/Card.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export class Card extends React.PureComponent {
+    render() {
+        const style = {
+            width: '100%',
+            background: 'var(--sd-item__main-Bg)',
+            borderRadius: 'var(--b-radius--medium)',
+            boxShadow: 'var(--sd-shadow--z2)',
+        };
+        if (this.props.paddingBase != null) {
+            style.padding = `calc( ${this.props.paddingBase} * var(--base-increment))`;
+        }
+        if (this.props.paddingBlock != null) {
+            style.paddingBlock = this.props.paddingBlock;
+        }
+        if (this.props.paddingBlockStart != null) {
+            style.paddingBlockStart = this.props.paddingBlockStart;
+        }
+        if (this.props.paddingBlockEnd != null) {
+            style.paddingBlockEnd = this.props.paddingBlockEnd;
+        }
+        if (this.props.paddingInline != null) {
+            style.paddingInline = this.props.paddingInline;
+        }
+        if (this.props.paddingInlineStart != null) {
+            style.paddingInlineStart = this.props.paddingInlineStart;
+        }
+        if (this.props.paddingInlineEnd != null) {
+            style.paddingInlineEnd = this.props.paddingInlineEnd;
+        }
+        return (React.createElement("div", { style: { ...style, ...this.props.style }, "data-test-id": this.props['data-test-id'] }, this.props.children));
+    }
+}
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../app-typescript/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAqB;IACjD,MAAM;QACF,MAAM,KAAK,GAAwB;YAC/B,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,yBAAyB;YACrC,YAAY,EAAE,yBAAyB;YACvC,SAAS,EAAE,sBAAsB;SACpC,CAAC;QAEF,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;YACjC,KAAK,CAAC,OAAO,GAAG,SAAS,IAAI,CAAC,KAAK,CAAC,WAAW,2BAA2B,CAAC;QAC/E,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,EAAE,CAAC;YAClC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACjD,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,IAAI,EAAE,CAAC;YACvC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;QAC3D,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,IAAI,EAAE,CAAC;YACrC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;QACvD,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,EAAE,CAAC;YACnC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QACnD,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,IAAI,EAAE,CAAC;YACxC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAC7D,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,IAAI,EAAE,CAAC;YACtC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;QACzD,CAAC;QAED,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAC,kBAAgB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAChF,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClB,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Carousel.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+interface IImage {
+    src: string;
+    alt?: string;
+}
+interface IProps {
+    images: Array<IImage>;
+    title?: string;
+    description?: string;
+    /** total number of images in the gallery, fallback to images.length */
+    imageCount?: number;
+    /** header metadata section */
+    headerMeta?: JSX.Element;
+    id?: string;
+    className?: string;
+    theme?: string;
+    numVisible?: number;
+    numScroll?: number;
+    page?: number;
+    circular?: boolean;
+    autoplayInterval?: number;
+    responsiveOptions?: Array<IPropsResponsive>;
+    onPageChange?(e: {
+        page: number;
+    }): void;
+}
+interface IPropsResponsive {
+    breakpoint: string;
+    numVisible: number;
+    numScroll: number;
+}
+export declare class Carousel extends React.PureComponent<IProps, {}> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/esm/components/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,MAAM;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,MAAM;IACZ,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC5C,YAAY,CAAC,CAAC,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;CAC1C;AAED,UAAU,gBAAgB;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,QAAS,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC;IACzD,MAAM;CAgDT"}

package/dist/esm/components/Carousel.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Carousel as PrimeCarousel } from '@superdesk/primereact/carousel';
+import { Badge } from './Badge';
+export class Carousel extends React.PureComponent {
+    render() {
+        const header = (React.createElement("div", { className: "sd-thumb-carousel__header" },
+            this.props.title && (React.createElement(React.Fragment, null,
+                React.createElement("h4", { className: "sd-thumb-carousel__heading" }, this.props.title),
+                React.createElement(Badge, { text: '' + (this.props.imageCount || this.props.images.length), type: "light" }))),
+            this.props.headerMeta && (React.createElement("div", { className: "sd-thumb-carousel__header-block--r" }, this.props.headerMeta))));
+        const footer = this.props.description ? (React.createElement("div", { className: "sd-thumb-carousel__description" }, this.props.description)) : null;
+        const itemTemplate = (props) => (React.createElement("div", { className: "sd-thumb-carousel__item" },
+            React.createElement("div", { className: "sd-thumb-carousel__item-inner" },
+                React.createElement("img", { src: props.src, alt: props.alt }))));
+        return (React.createElement("div", { style: { display: 'content' }, "data-theme": this.props.theme !== 'dark' ? null : 'dark-ui', className: this.props.className },
+            React.createElement(PrimeCarousel, { id: this.props.id, value: this.props.images, numVisible: this.props.numVisible, numScroll: this.props.numScroll, responsiveOptions: this.props.responsiveOptions, itemTemplate: itemTemplate, header: header, footer: footer, indicatorsContentClassName: "sd-thumb-carousel__indicators", onPageChange: this.props.onPageChange })));
+    }
+}
+//# sourceMappingURL=Carousel.js.map

package/dist/esm/components/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../app-typescript/components/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,IAAI,aAAa,EAAC,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAiC9B,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,aAAyB;IACzD,MAAM;QACF,MAAM,MAAM,GAAG,CACX,6BAAK,SAAS,EAAC,2BAA2B;YACrC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACjB;gBACI,4BAAI,SAAS,EAAC,4BAA4B,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM;gBAClE,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAC,OAAO,GAAG,CACvF,CACN;YACA,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACtB,6BAAK,SAAS,EAAC,oCAAoC,IAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAO,CACpF,CACC,CACT,CAAC;QAEF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACpC,6BAAK,SAAS,EAAC,gCAAgC,IAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAO,CACjF,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CACpC,6BAAK,SAAS,EAAC,yBAAyB;YACpC,6BAAK,SAAS,EAAC,+BAA+B;gBAC1C,6BAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,CACrC,CACJ,CACT,CAAC;QAEF,OAAO,CACH,6BACI,KAAK,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,gBACf,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1D,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAE/B,oBAAC,aAAa,IACV,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC/C,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,0BAA0B,EAAC,+BAA+B,EAC1D,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACvC,CACA,CACT,CAAC;IACN,CAAC;CACJ"}