From b27edeec8db8c1483f65160c7564edc18e744095 Mon Sep 17 00:00:00 2001 From: egov-cvi-bot Date: Fri, 20 Oct 2023 23:08:57 +0000 Subject: [PATCH] chore: update github pages [skip ci] --- iframe.html | 2 +- main.4ebee34c.iframe.bundle.js | 1 + main.626bcd57.iframe.bundle.js | 1 - main.css | 1 + project.json | 2 +- 5 files changed, 4 insertions(+), 3 deletions(-) create mode 100644 main.4ebee34c.iframe.bundle.js delete mode 100644 main.626bcd57.iframe.bundle.js diff --git a/iframe.html b/iframe.html index 9baafe66..ad09dbfb 100644 --- a/iframe.html +++ b/iframe.html @@ -361,4 +361,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./libs","files":"**/src/lib/**/*.stories.ts","importPathMatcher":"^\\.[\\\\/](?:libs(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)src\\/lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.ts)$"},{"titlePrefix":"","directory":"./libs","files":"**/src/lib/**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:libs(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)src\\/lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./libs","files":"**/src/lib/**/*.stories.ts","importPathMatcher":"^\\.[\\\\/](?:libs(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)src\\/lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.ts)$"},{"titlePrefix":"","directory":"./libs","files":"**/src/lib/**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:libs(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)src\\/lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"}]; \ No newline at end of file diff --git a/main.4ebee34c.iframe.bundle.js b/main.4ebee34c.iframe.bundle.js new file mode 100644 index 00000000..400b2337 --- /dev/null +++ b/main.4ebee34c.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkcvi_components=self.webpackChunkcvi_components||[]).push([[179],{"./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./storybook/src/lib/stories/angular.stories.mdx":"./libs/storybook/src/lib/stories/angular.stories.mdx","./storybook/src/lib/stories/icons/contributions.stories.mdx":"./libs/storybook/src/lib/stories/icons/contributions.stories.mdx","./storybook/src/lib/stories/icons/installation.stories.mdx":"./libs/storybook/src/lib/stories/icons/installation.stories.mdx","./storybook/src/lib/stories/icons/list.stories.mdx":"./libs/storybook/src/lib/stories/icons/list.stories.mdx","./storybook/src/lib/stories/icons/usage.stories.mdx":"./libs/storybook/src/lib/stories/icons/usage.stories.mdx","./storybook/src/lib/stories/intro.stories.mdx":"./libs/storybook/src/lib/stories/intro.stories.mdx","./storybook/src/lib/stories/ng-diagrams.stories.mdx":"./libs/storybook/src/lib/stories/ng-diagrams.stories.mdx","./storybook/src/lib/stories/styles/contributions.stories.mdx":"./libs/storybook/src/lib/stories/styles/contributions.stories.mdx","./storybook/src/lib/stories/styles/installation.stories.mdx":"./libs/storybook/src/lib/stories/styles/installation.stories.mdx","./storybook/src/lib/stories/styles/usage.stories.mdx":"./libs/storybook/src/lib/stories/styles/usage.stories.mdx","./storybook/src/lib/stories/styles/variables/colors.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/colors.stories.mdx","./storybook/src/lib/stories/styles/variables/spacing.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/spacing.stories.mdx","./storybook/src/lib/stories/styles/variables/typography.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/typography.stories.mdx","./storybook/src/lib/stories/styles/variables/variables.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/variables.stories.mdx","./storybook/src/lib/stories/todos.stories.mdx":"./libs/storybook/src/lib/stories/todos.stories.mdx","./ui/src/lib/tabs/tabs-readme.stories.mdx":"./libs/ui/src/lib/tabs/tabs-readme.stories.mdx","./ui/src/lib/track/track-quick-start.stories.mdx":"./libs/ui/src/lib/track/track-quick-start.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.ts)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":"./libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","./ui/src/lib/accordion/accordion.component.stories.ts":"./libs/ui/src/lib/accordion/accordion.component.stories.ts","./ui/src/lib/accordion/accordion.html.stories.ts":"./libs/ui/src/lib/accordion/accordion.html.stories.ts","./ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts":"./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","./ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts":"./libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","./ui/src/lib/button/button.component.stories.ts":"./libs/ui/src/lib/button/button.component.stories.ts","./ui/src/lib/button/button.html.stories.ts":"./libs/ui/src/lib/button/button.html.stories.ts","./ui/src/lib/circle/circle.component.stories.ts":"./libs/ui/src/lib/circle/circle.component.stories.ts","./ui/src/lib/circle/circle.html.stories.ts":"./libs/ui/src/lib/circle/circle.html.stories.ts","./ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts":"./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","./ui/src/lib/content-container/content-container.component.stories.ts":"./libs/ui/src/lib/content-container/content-container.component.stories.ts","./ui/src/lib/content-container/content-container.html.stories.ts":"./libs/ui/src/lib/content-container/content-container.html.stories.ts","./ui/src/lib/content-panel/content-panel.component.stories.ts":"./libs/ui/src/lib/content-panel/content-panel.component.stories.ts","./ui/src/lib/content-panel/content-panel.html.stories.ts":"./libs/ui/src/lib/content-panel/content-panel.html.stories.ts","./ui/src/lib/datepicker/datepicker.component.stories.ts":"./libs/ui/src/lib/datepicker/datepicker.component.stories.ts","./ui/src/lib/datepicker/datepicker.html.stories.ts":"./libs/ui/src/lib/datepicker/datepicker.html.stories.ts","./ui/src/lib/feedback/feedback/feedback.component.stories.ts":"./libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","./ui/src/lib/form-item/form-item.component.stories.ts":"./libs/ui/src/lib/form-item/form-item.component.stories.ts","./ui/src/lib/form-item/form-item.html.stories.ts":"./libs/ui/src/lib/form-item/form-item.html.stories.ts","./ui/src/lib/form-message/form-message.component.stories.ts":"./libs/ui/src/lib/form-message/form-message.component.stories.ts","./ui/src/lib/html-section/html-section.component.stories.ts":"./libs/ui/src/lib/html-section/html-section.component.stories.ts","./ui/src/lib/html-section/html-section.html.stories.ts":"./libs/ui/src/lib/html-section/html-section.html.stories.ts","./ui/src/lib/icons/icon/icon.component.stories.ts":"./libs/ui/src/lib/icons/icon/icon.component.stories.ts","./ui/src/lib/icons/icon/icon.html.stories.ts":"./libs/ui/src/lib/icons/icon/icon.html.stories.ts","./ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts":"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","./ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts":"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","./ui/src/lib/input/input.component.stories.ts":"./libs/ui/src/lib/input/input.component.stories.ts","./ui/src/lib/input/input.html.stories.ts":"./libs/ui/src/lib/input/input.html.stories.ts","./ui/src/lib/modal/modal.component.stories.ts":"./libs/ui/src/lib/modal/modal.component.stories.ts","./ui/src/lib/modal/modal.directive.stories.ts":"./libs/ui/src/lib/modal/modal.directive.stories.ts","./ui/src/lib/modal/modal.html.stories.ts":"./libs/ui/src/lib/modal/modal.html.stories.ts","./ui/src/lib/notification/notification.component.stories.ts":"./libs/ui/src/lib/notification/notification.component.stories.ts","./ui/src/lib/notification/notification.html.stories.ts":"./libs/ui/src/lib/notification/notification.html.stories.ts","./ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts":"./libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","./ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts":"./libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","./ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts":"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","./ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts":"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","./ui/src/lib/screenreader-text/screenreader-text.component.stories.ts":"./libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","./ui/src/lib/screenreader-text/screenreader-text.html.stories.ts":"./libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","./ui/src/lib/select/select.component.stories.ts":"./libs/ui/src/lib/select/select.component.stories.ts","./ui/src/lib/select/select.html.stories.ts":"./libs/ui/src/lib/select/select.html.stories.ts","./ui/src/lib/status-badge/status-badge.component.stories.ts":"./libs/ui/src/lib/status-badge/status-badge.component.stories.ts","./ui/src/lib/status-badge/status-badge.html.stories.ts":"./libs/ui/src/lib/status-badge/status-badge.html.stories.ts","./ui/src/lib/steps/step-panel/step-panel.component.stories.ts":"./libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","./ui/src/lib/steps/step/step.component.stories.ts":"./libs/ui/src/lib/steps/step/step.component.stories.ts","./ui/src/lib/steps/steps/steps.component.stories.ts":"./libs/ui/src/lib/steps/steps/steps.component.stories.ts","./ui/src/lib/steps/steps/steps.html.stories.ts":"./libs/ui/src/lib/steps/steps/steps.html.stories.ts","./ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts":"./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","./ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","./ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","./ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","./ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","./ui/src/lib/table/table.component.stories.ts":"./libs/ui/src/lib/table/table.component.stories.ts","./ui/src/lib/table/table.html.stories.ts":"./libs/ui/src/lib/table/table.html.stories.ts","./ui/src/lib/tabs/tab-group.component.stories.ts":"./libs/ui/src/lib/tabs/tab-group.component.stories.ts","./ui/src/lib/tabs/tab-group.html.stories.ts":"./libs/ui/src/lib/tabs/tab-group.html.stories.ts","./ui/src/lib/tabs/tabs.component.stories.ts":"./libs/ui/src/lib/tabs/tabs.component.stories.ts","./ui/src/lib/tabs/tabs.html.stories.ts":"./libs/ui/src/lib/tabs/tabs.html.stories.ts","./ui/src/lib/textarea/textarea.component.stories.ts":"./libs/ui/src/lib/textarea/textarea.component.stories.ts","./ui/src/lib/textarea/textarea.html.stories.ts":"./libs/ui/src/lib/textarea/textarea.html.stories.ts","./ui/src/lib/timed-notice/timed-notice.component.stories.ts":"./libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","./ui/src/lib/timed-notice/timed-notice.html.stories.ts":"./libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","./ui/src/lib/toast/toast.html.stories.ts":"./libs/ui/src/lib/toast/toast.html.stories.ts","./ui/src/lib/toast/toast.service.stories.ts":"./libs/ui/src/lib/toast/toast.service.stories.ts","./ui/src/lib/tooltip/tooltip.directive.stories.ts":"./libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","./ui/src/lib/tooltip/tooltip.html.stories.ts":"./libs/ui/src/lib/tooltip/tooltip.html.stories.ts","./ui/src/lib/tooltip/tooltip.stories.ts":"./libs/ui/src/lib/tooltip/tooltip.stories.ts","./ui/src/lib/track/track.component.stories.ts":"./libs/ui/src/lib/track/track.component.stories.ts","./ui/src/lib/track/track.html.stories.ts":"./libs/ui/src/lib/track/track.html.stories.ts"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.ts)$"},"./libs/ui/src/lib/accordion/accordion.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AccordionComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var animations=__webpack_require__("./node_modules/@angular/animations/fesm2020/animations.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),accordion_item_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts"),BehaviorSubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let AccordionComponent=class AccordionComponent{constructor(){this.expandedItems=[],this.singleOpen=!0,this.toggled=new core.EventEmitter,this.accordionId=(0,v4.Z)(),this.items=new BehaviorSubject.X([]),this.items$=this.items.asObservable(),this.changesSubscription=new Subscription.w0}get getHostClasses(){return"cvi-accordion"}ngAfterViewInit(){var _a;this.changesSubscription=null===(_a=this.accordionItemDirectives)||void 0===_a?void 0:_a.changes.subscribe((()=>this.items.next(this.accordionItemDirectives.toArray())))}getToggleState(index){return this.toggle.bind(this,index)}itemInExpanded(i){return this.expandedItems.indexOf(i)>=0}toggle(index){if(this.expandedItems.includes(index))this.expandedItems=this.expandedItems.filter((i=>i!==index));else{this.singleOpen&&(this.expandedItems=[]),this.expandedItems=[...this.expandedItems,index];const itemToScrollTo=document.getElementById("accordion-"+this.accordionId+"-item-"+index);itemToScrollTo&&itemToScrollTo.scrollIntoView(!0)}this.toggled.emit(index)}ngOnDestroy(){this.changesSubscription&&this.changesSubscription.unsubscribe()}};AccordionComponent.propDecorators={expandedItems:[{type:core.Input}],singleOpen:[{type:core.Input}],toggled:[{type:core.Output}],accordionItemDirectives:[{type:core.ContentChildren,args:[accordion_item_directive.u]}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},AccordionComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-accordion",template:'\n\n\n
\n \n
\n \n

{{item?.title}}

\n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush,animations:[(0,animations.X$)("contentExpansion",[(0,animations.SB)("expanded",(0,animations.oB)({height:"*",opacity:1,visibility:"visible"})),(0,animations.SB)("collapsed",(0,animations.oB)({height:"0px",opacity:0,visibility:"hidden"})),(0,animations.eR)("expanded <=> collapsed",(0,animations.jt)("200ms cubic-bezier(.37,1.04,.68,.98)"))])]})],AccordionComponent)},"./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>AccordionContentDirective});var _a,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AccordionContentDirective=class AccordionContentDirective{constructor(templateRef){this.templateRef=templateRef}};AccordionContentDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],AccordionContentDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgAccordionContent]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)?_a:Object])],AccordionContentDirective)},"./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>AccordionHeaderDirective});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AccordionHeaderDirective=class AccordionHeaderDirective{constructor(templateRef){this.templateRef=templateRef}};AccordionHeaderDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],AccordionHeaderDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgAccordionHeader]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",[Object])],AccordionHeaderDirective)},"./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>AccordionItemDirective});var tslib__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_accordion_content_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts"),_accordion_header_directive__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts"),_accordion_title_directive__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts");let AccordionItemDirective=class AccordionItemDirective{constructor(){this.title="",this.details="",this.disabled=!1}};AccordionItemDirective.propDecorators={title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Input}],details:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Input}],disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Input}],content:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ContentChild,args:[_accordion_content_directive__WEBPACK_IMPORTED_MODULE_0__.q]}],customTitle:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ContentChild,args:[_accordion_title_directive__WEBPACK_IMPORTED_MODULE_2__.g]}],customHeader:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ContentChild,args:[_accordion_header_directive__WEBPACK_IMPORTED_MODULE_1__.f]}]},AccordionItemDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_4__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Directive)({selector:"cvi-ng-accordion-item"})],AccordionItemDirective)},"./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>AccordionTitleDirective});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AccordionTitleDirective=class AccordionTitleDirective{constructor(templateRef){this.templateRef=templateRef}};AccordionTitleDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],AccordionTitleDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgAccordionTitle]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",[Object])],AccordionTitleDirective)},"./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>BreadcrumbsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let BreadcrumbsComponent=class BreadcrumbsComponent{constructor(){this.iconName=null,this.breadcrumbChange=new core.EventEmitter}getMobileBreadcrumbIndex(){const lastElementIndex=this.breadcrumbs.length-1;for(let index=lastElementIndex-1;index>=0;index--)if(index!==lastElementIndex&&this.breadcrumbs[index].href)return index;return lastElementIndex}};BreadcrumbsComponent.propDecorators={breadcrumbs:[{type:core.Input}],iconName:[{type:core.Input}],breadcrumbChange:[{type:core.Output}]},BreadcrumbsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-breadcrumbs",template:'\n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],BreadcrumbsComponent)},"./libs/ui/src/lib/button/button.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>ButtonComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ButtonComponent=class ButtonComponent{constructor(){this.appearance="primary",this.size="m",this.disabled=!1,this.iconPosition="after",this._iconHeight=16,this.clickEvent=new core.EventEmitter}get iconHeight(){return this._iconHeight}set iconHeight(iconHeight){this._iconHeight=iconHeight}get getHostClasses(){return`cvi-button cvi-button--appearance-${this.appearance} cvi-button--size-${this.size}${this.disabled?" cvi-button--is-disabled":""}`}onClick(){this.clickEvent.emit()}focus(){this.buttonRef.nativeElement.focus()}};ButtonComponent.propDecorators={appearance:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],iconPosition:[{type:core.Input}],iconHeight:[{type:core.Input}],iconName:[{type:core.Input}],clickEvent:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}],buttonRef:[{type:core.ViewChild,args:["buttonRef"]}]},ButtonComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-button",template:'\n\n\n \n \n\n\n\n \n\n'})],ButtonComponent)},"./libs/ui/src/lib/button/button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var ButtonAppearance,ButtonSize;__webpack_require__.d(__webpack_exports__,{L:()=>ButtonAppearance,q:()=>ButtonSize}),function(ButtonAppearance){ButtonAppearance.PRIMARY="primary",ButtonAppearance.SECONDARY="secondary",ButtonAppearance.TEXT="text"}(ButtonAppearance||(ButtonAppearance={})),function(ButtonSize){ButtonSize.S="s",ButtonSize.M="m"}(ButtonSize||(ButtonSize={}))},"./libs/ui/src/lib/character-counter/character-counter.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>CharacterCounterComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let CharacterCounterComponent=class CharacterCounterComponent{constructor(cdRef){this.cdRef=cdRef,this.charsMax=0,this.charsUsed=0}detectChanges(){this.cdRef.markForCheck(),this.cdRef.detectChanges()}};CharacterCounterComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],CharacterCounterComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-character-counter",template:'
\n {{charsUsed}} / {{charsMax}}\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],CharacterCounterComponent)},"./libs/ui/src/lib/character-counter/character-counter.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>CharacterCounterDirective});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_character_counter_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.component.ts");let CharacterCounterDirective=class CharacterCounterDirective{constructor(elementRef,viewContainerRef,renderer){this.elementRef=elementRef,this.viewContainerRef=viewContainerRef,this.renderer=renderer,this.maxChars="",this.componentRef=null,this.inputRef=null}onInputChange(){this.componentRef&&null!==this.inputRef&&(this.componentRef.instance.charsUsed=this.inputRef.value.length,this.componentRef.instance.detectChanges())}onModelChange(event){var _a;const length=null===(_a=String(event))||void 0===_a?void 0:_a.length;this.componentRef&&void 0!==length&&(this.componentRef.instance.charsUsed=length,this.componentRef.instance.detectChanges())}ngAfterViewInit(){const childNode=Array.from(this.elementRef.nativeElement.childNodes).find((el=>("INPUT"===el.nodeName&&"text"===el.type||"TEXTAREA"===el.nodeName)&&(-1!==el.maxLength&&524288!==el.maxLength||this.maxChars)));void 0!==childNode&&(this.maxChars&&this.renderer.setAttribute(childNode,"maxLength",this.maxChars),this.inputRef=childNode),null===this.componentRef&&null!==this.inputRef&&(this.componentRef=this.viewContainerRef.createComponent(_character_counter_component__WEBPACK_IMPORTED_MODULE_0__.V),this.componentRef.instance.charsUsed=this.inputRef.value.length,this.componentRef.instance.charsMax=this.inputRef.maxLength,setTimeout((()=>this.onInputChange())))}};CharacterCounterDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2}],CharacterCounterDirective.propDecorators={maxChars:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],onInputChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["input"]}],onModelChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["ngModelChange",["$event"]]}]},CharacterCounterDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgCharacterCounter]",exportAs:"cviNgCharacterCounter"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_b:Object,"function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2)?_c:Object])],CharacterCounterDirective)},"./libs/ui/src/lib/circle/circle.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>CircleComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const circleThemePropertyGroups=[{theme:"dark",properties:{"--border-color":"--cvi-color-sapphire-blue-13","--color":"--cvi-color-sapphire-blue-13"}},{theme:"light",properties:{"--border-color":"--cvi-color-white","--color":"--cvi-color-white"}}],circleSeverityPropertyGroups=[{severity:"none",properties:{"--background-color":"transparent","--progress-background-color":"--cvi-color-white"}},{severity:"success",properties:{"--background-color":"--cvi-color-sea-green-10","--progress-background-color":"--cvi-color-sea-green-10","--color":"--cvi-color-white"}},{severity:"error",properties:{"--background-color":"--cvi-color-jasper-10","--progress-background-color":"--cvi-color-jasper-10","--color":"--cvi-color-white"}},{severity:"info",properties:{"--background-color":"--cvi-color-sapphire-blue-13","--progress-background-color":"--cvi-color-sapphire-blue-13","--color":"--cvi-color-white"}}];let CircleComponent=class CircleComponent{constructor(){this.theme="light",this.severity="none",this.size="s",this.iconName=void 0,this.progressPercentage=void 0}get hostClasses(){return`cvi-circle cvi-circle--size-${this.size} cvi-circle--severity-${this.severity}`}get hostProgressClass(){return void 0!==this.progressPercentage}get hostStyleBorderColor(){return this.getThemeProperty("--border-color")}get hostStyleColor(){return"none"===this.severity?this.getThemeProperty("--color"):this.getSeverityProperty("--color")}get hostStyleBackgroundColor(){return this.getSeverityProperty("--background-color")}get hostStyleProgress(){return this.progressPercentage?this.progressPercentage+"%":null}get hostStyleProgressBackgroundColor(){return this.getSeverityProperty("--progress-background-color")}getThemeProperty(propName){const item=circleThemePropertyGroups.find((group=>group.theme===this.theme));return item?`var(${item.properties[propName]})`:null}getSeverityProperty(propName){const item=circleSeverityPropertyGroups.find((group=>group.severity===this.severity));if(item){const cssValue=item.properties[propName];return"transparent"!==cssValue?`var(${cssValue})`:"transparent"}return null}};CircleComponent.propDecorators={theme:[{type:core.Input}],severity:[{type:core.Input}],size:[{type:core.Input}],iconName:[{type:core.Input}],progressPercentage:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}],hostProgressClass:[{type:core.HostBinding,args:["class.cvi-circle--with-progress"]}],hostStyleBorderColor:[{type:core.HostBinding,args:["style.--border-color"]}],hostStyleColor:[{type:core.HostBinding,args:["style.--color"]}],hostStyleBackgroundColor:[{type:core.HostBinding,args:["style.--background-color"]}],hostStyleProgress:[{type:core.HostBinding,args:["style.--progress"]}],hostStyleProgressBackgroundColor:[{type:core.HostBinding,args:["style.--progress-background-color"]}]},CircleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-circle",template:'\n \n\n\n\n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],CircleComponent)},"./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>ConfirmationModalComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");__webpack_require__("./libs/ui/src/lib/button/button.component.ts");let ConfirmationModalComponent=class ConfirmationModalComponent{constructor(){this.title="",this.cancelButtonText="",this.confirmButtonText="",this.cancelled=new core.EventEmitter,this.confirmed=new core.EventEmitter}ngAfterViewInit(){var _a;null===(_a=this.cancelButtonRef)||void 0===_a||_a.focus()}};ConfirmationModalComponent.propDecorators={title:[{type:core.Input}],cancelButtonText:[{type:core.Input}],confirmButtonText:[{type:core.Input}],cancelled:[{type:core.Output}],confirmed:[{type:core.Output}],cancelButtonRef:[{type:core.ViewChild,args:["cancelButtonRef"]}]},ConfirmationModalComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-confirmation-modal",template:'

\n {{ title }}\n

\n
\n \n
\n
\n \n \n {{ cancelButtonText }}\n \n \n {{ confirmButtonText }}\n \n \n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ConfirmationModalComponent)},"./libs/ui/src/lib/content-container/content-container.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>ContentContainerComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ContentContainerComponent=class ContentContainerComponent{get getHostClasses(){return"cvi-content-container"}};ContentContainerComponent.propDecorators={getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ContentContainerComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-content-container",template:""})],ContentContainerComponent)},"./libs/ui/src/lib/content-panel/content-panel.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>ContentPanelComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ContentPanelComponent=class ContentPanelComponent{constructor(){this.title=""}get getHostClasses(){return"cvi-content-panel"}};ContentPanelComponent.propDecorators={title:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},ContentPanelComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-content-panel",template:'

{{ title }}

\n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ContentPanelComponent)},"./libs/ui/src/lib/datepicker/datepicker-calendar.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{F:()=>DatepickerCalendarComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let DatepickerCalendarComponent=class DatepickerCalendarComponent{constructor(){this.dateChanged=new core.EventEmitter,this.today=new Date,this.calendarArray=[]}ngOnInit(){0===this.calendarArray.length&&(this.displayDate=new Date,this.calendarArray=this.getCalendarArray(this.displayDate))}ngOnChanges(changes){changes.date&&this.date&&(this.selectedDate=this.parseDate(this.date),this.displayDate=new Date(this.selectedDate),this.calendarArray=this.getCalendarArray(this.displayDate))}parseDate(date){const[day,month,year]=date.split(".").map(Number);return new Date(year,month-1,day)}getCalendarArray(date){const firstDay=new Date(date.getFullYear(),date.getMonth(),1).getDay(),adjustedFirstDay=0===firstDay?7:firstDay,numberOfDays=new Date(date.getFullYear(),date.getMonth()+1,0).getDate(),weeks=[];let day=1,week=[];for(let i=1;i<=7;i++)iday<=numberOfDays?day++:0)),weeks.push(week);return weeks}getDateClass(day,index){let classes="";const isSelectedDate=this.selectedDate&&day===this.selectedDate.getDate()&&this.displayDate.getMonth()===this.selectedDate.getMonth()&&this.displayDate.getFullYear()===this.selectedDate.getFullYear();return isSelectedDate&&(classes+=" cvi-datepicker__calendar-button--selected"),day===this.today.getDate()&&this.displayDate.getMonth()===this.today.getMonth()&&this.displayDate.getFullYear()===this.today.getFullYear()&&!isSelectedDate&&(classes+=" cvi-datepicker__calendar-button--today"),isSelectedDate||5!==index&&6!==index||(classes+=" cvi-datepicker__calendar-button--weekend"),classes.trim()}handleClick(day){this.selectedDate=new Date(this.displayDate.getFullYear(),this.displayDate.getMonth(),day),this.dateChanged.emit(this.formatDate(this.selectedDate))}previousMonth(){this.displayDate.setMonth(this.displayDate.getMonth()-1),this.calendarArray=this.getCalendarArray(this.displayDate)}nextMonth(){this.displayDate.setMonth(this.displayDate.getMonth()+1),this.calendarArray=this.getCalendarArray(this.displayDate)}formatDate(date){return`${this.pad(date.getDate())}.${this.pad(date.getMonth()+1)}.${date.getFullYear()}`}pad(n){return n<10?"0"+n:""+n}};DatepickerCalendarComponent.propDecorators={date:[{type:core.Input}],dayShorthandLabels:[{type:core.Input}],dayFullLabels:[{type:core.Input}],monthLabels:[{type:core.Input}],baseId:[{type:core.Input}],dateChanged:[{type:core.Output}]},DatepickerCalendarComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-datepicker-calendar",template:'\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],DatepickerCalendarComponent)},"./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>DATEPICKER_LABEL_CONFIG});const DATEPICKER_LABEL_CONFIG=new(__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs").InjectionToken)("datepicker.label.config")},"./libs/ui/src/lib/datepicker/datepicker.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>DatepickerComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),datepicker_label_config_token=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts");class DatepickerLabelConfig{}var _a,_b,v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let DatepickerComponent=class DatepickerComponent{constructor(labelConfig,elementRef){this.labelConfig=labelConfig,this.elementRef=elementRef,this.disabled=!1,this.placeholder="",this.dayShorthandLabels$=this.labelConfig.getDayShorthandLabels(),this.dayFullLabels$=this.labelConfig.getDayFullLabels(),this.monthLabels$=this.labelConfig.getMonthLabels(),this.screenreaderLabel$=this.labelConfig.getScreenReaderLabel(),this.screenreaderDescription$=this.labelConfig.getScreenReaderDescription(),this.focus=!1,this.valueValidated="",this.baseId="datepicker-"+(0,v4.Z)(),this.onChanged=_=>{},this.onTouched=()=>{},this.select=elementRef.nativeElement}handleClickOutside(event){const targetElement=event.target;this.disabled||this.select.contains(event.target)||targetElement.classList.contains("cvi-datepicker__input-icon-wrapper")||this.setFocus(!1)}onInput(event){const inputElement=event.target;inputElement.value=this.handleValue(inputElement.value)}handleValue(value){return(value=value.replace(/[^\d.]/g,"")).length>=3&&"."!==value.charAt(2)&&value.split(".").length-1<2&&(value=value.substring(0,2)+"."+value.substring(2)),value.length>=6&&"."!==value.charAt(5)&&value.split(".").length-1<2&&(value=value.substring(0,5)+"."+value.substring(5)),value}handleKeyboardEvent(event){"Escape"===event.key&&this.setFocus(!1)}get getHostClasses(){return"cvi-textfield"+(this.disabled?" cvi-datepicker__input-container--is-disabled":"")}get value(){return this.internalValue}set value(val){this.internalValue=val,this.onChanged(null!=val?val:""),this.onTouched(),this.validateValue(null!=val?val:"")&&(this.valueValidated=null!=val?val:"")}writeValue(value){this.internalValue=value}registerOnChange(fn){this.onChanged=fn}registerOnTouched(fn){this.onTouched=fn}setFocus(focus){this.disabled||(this.focus=focus)}handleDateSelect(value){this.value=value,this.setFocus(!1)}validateValue(value){if(!/^([1-9]|0[1-9]|1[0-9]|2[0-9]|3[0-1])\.([1-9]|0[1-9]|1[0-2])\.[1-2][0-9]{3}$/.test(value))return!1;const[day,month,year]=value.split(".").map(Number),date=new Date(year,month-1,day);return date.getDate()===day&&date.getMonth()===month-1&&date.getFullYear()===year}toggleFocus(){const focus=!this.focus;this.setFocus(focus)}};DatepickerComponent.ctorParameters=()=>[{type:DatepickerLabelConfig,decorators:[{type:core.Inject,args:[datepicker_label_config_token.c]}]},{type:core.ElementRef}],DatepickerComponent.propDecorators={htmlId:[{type:core.Input}],disabled:[{type:core.Input}],placeholder:[{type:core.Input}],calendarComponent:[{type:core.ViewChild,args:["datePickerCalendar"]}],handleClickOutside:[{type:core.HostListener,args:["document:click",["$event"]]}],onInput:[{type:core.HostListener,args:["input",["$event"]]}],handleKeyboardEvent:[{type:core.HostListener,args:["document:keydown",["$event"]]}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},DatepickerComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-datepicker",template:'\n \n {{description}}\n\n \n \n \n\n
{{ value }}
\n\n',providers:[{provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>DatepickerComponent)),multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==DatepickerLabelConfig&&DatepickerLabelConfig)?_a:Object,"function"==typeof(_b=void 0!==core.ElementRef&&core.ElementRef)?_b:Object])],DatepickerComponent)},"./libs/ui/src/lib/directives/data-attribute.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>DataAttributeDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const DATA_ATTRIBUTE_TOKEN=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken("DATA_ATTRIBUTE_TOKEN",{providedIn:"root",factory:()=>"cy"});let DataAttributeDirective=class DataAttributeDirective{constructor(token,renderer,el){this.token=token,this.renderer=renderer,this.el=el,this.value=""}ngOnInit(){this.renderer.setAttribute(this.el.nativeElement,`data-${this.token}`,this.value)}};DataAttributeDirective.ctorParameters=()=>[{type:String,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,args:[DATA_ATTRIBUTE_TOKEN]}]},{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Renderer2},{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef}],DataAttributeDirective.propDecorators={value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,args:["dataAttribute"]}]},DataAttributeDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[dataAttribute]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",[String,"function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.Renderer2&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.Renderer2)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef)?_b:Object])],DataAttributeDirective)},"./libs/ui/src/lib/feedback/feedback/feedback.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>FeedbackComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let FeedbackComponent=class FeedbackComponent{constructor(){this.title="Did you find what you were looking for?",this.options=[{value:"NO",label:"No"},{value:"PARTIALLY",label:"Partially"},{value:"YES",label:"Yes"}],this.appearance="regular",this.showIcons=!1,this.radioButtonsControl=new fesm2020_forms.FormControl(""),this.destroyed$=new Subject.x,this.valueChangedFn=()=>{},this.onTouched=()=>{}}ngOnInit(){this.radioButtonsControl.valueChanges.pipe((0,takeUntil.R)(this.destroyed$)).subscribe((value=>this.valueChangedFn(value)))}ngOnDestroy(){this.destroyed$.next(void 0),this.destroyed$.complete()}registerOnChange(fn){this.valueChangedFn=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){isDisabled?this.radioButtonsControl.disable():this.radioButtonsControl.enable()}writeValue(value){this.radioButtonsControl.setValue(value)}};FeedbackComponent.propDecorators={title:[{type:core.Input}],options:[{type:core.Input}],appearance:[{type:core.Input}],showIcons:[{type:core.Input}]},FeedbackComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-feedback",template:'\n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush,providers:[{provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>FeedbackComponent)),multi:!0}],styles:[":host {\n --cvi-radio-group--list--font-size: 12px;\n}"]})],FeedbackComponent)},"./libs/ui/src/lib/form-item/form-item.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>FormItemComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let FormItemComponent=class FormItemComponent{constructor(){this.labelPosition="top",this.isLabelHidden=!1,this.required=!1}get getHostClasses(){return`cvi-form-item cvi-form-item--label-position-${this.labelPosition}${this.required?" cvi-form-item--is-required":""}`}};FormItemComponent.propDecorators={htmlId:[{type:core.Input}],label:[{type:core.Input}],labelPosition:[{type:core.Input}],isLabelHidden:[{type:core.Input}],required:[{type:core.Input}],labelId:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},FormItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-form-item",template:"\n\n"})],FormItemComponent)},"./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>FormMessageSeverityToHeaderIconPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let FormMessageSeverityToHeaderIconPipe=class FormMessageSeverityToHeaderIconPipe{transform(severity){return"warning"===severity?"warning_amber":"error"===severity?"error_outline":void 0}};FormMessageSeverityToHeaderIconPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"FormMessageSeverityToHeaderIcon"})],FormMessageSeverityToHeaderIconPipe)},"./libs/ui/src/lib/form-message/form-message.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>FormMessageComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),form_message_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts");let FormMessageComponent=class FormMessageComponent{constructor(cdRef,iconPipe){this.cdRef=cdRef,this.iconPipe=iconPipe,this.message=""}get getHostClasses(){return`cvi-form-message cvi-form-message--severity-${this.severityLevel}`}detectChanges(){this.cdRef.markForCheck(),this.cdRef.detectChanges()}getIconName(){return this.iconPipe.transform(this.severityLevel)}};FormMessageComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef},{type:form_message_severity_to_header_icon_pipe.C}],FormMessageComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},FormMessageComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-form-message",template:'\n {{ title }} {{ message }}\n',providers:[form_message_severity_to_header_icon_pipe.C],changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object,"function"==typeof(_b=void 0!==form_message_severity_to_header_icon_pipe.C&&form_message_severity_to_header_icon_pipe.C)?_b:Object])],FormMessageComponent)},"./libs/ui/src/lib/form-message/form-message.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>FormMessageDirective});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_form_message_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts");let FormMessageDirective=class FormMessageDirective{constructor(elementRef,viewContainerRef,renderer){this.elementRef=elementRef,this.viewContainerRef=viewContainerRef,this.renderer=renderer,this.message="",this.componentRef=null,this.container=null,this.inputRef=null}ngOnChanges(){this.displayMessage?this.componentRef&&null!==this.inputRef?this.updateComponentProperties():this.displayMessage&&this.createComponent():this.destroyComponent()}get hostFormInputBorderColor(){return this.displayMessage&&"warning"===this.severityLevel?"var(--cvi-color-dark-tangerine-10)":this.displayMessage&&"error"===this.severityLevel?"var(--cvi-color-jasper-10)":"var(--cvi-color-black-coral-5)"}createComponent(){const childNode=Array.from(this.elementRef.nativeElement.childNodes).find((el=>["DIV","TEXTAREA","INPUT"].includes(el.nodeName)));this.inputRef=childNode,!this.componentRef&&this.inputRef&&(this.container=this.renderer.createElement("div"),this.renderer.insertBefore(this.elementRef.nativeElement,this.container,this.componentRef),this.componentRef=this.viewContainerRef.createComponent(_form_message_component__WEBPACK_IMPORTED_MODULE_0__.K),this.renderer.appendChild(this.container,this.componentRef.location.nativeElement),this.updateComponentProperties())}destroyComponent(){this.componentRef&&(this.componentRef.destroy(),this.componentRef=null),this.container&&(this.renderer.removeChild(this.elementRef.nativeElement,this.container),this.container=null)}updateComponentProperties(){this.componentRef&&(this.componentRef.instance.displayMessage=this.displayMessage,this.componentRef.instance.message=this.message,this.componentRef.instance.severityLevel=this.severityLevel,this.componentRef.instance.title=this.title+": ",this.componentRef.instance.detectChanges())}};FormMessageDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2}],FormMessageDirective.propDecorators={message:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],severityLevel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],displayMessage:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hostFormInputBorderColor:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["style.--cvi-form-input-border-color"]}]},FormMessageDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgFormMessage]",exportAs:"cviNgFormMessage"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_b:Object,"function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2)?_c:Object])],FormMessageDirective)},"./libs/ui/src/lib/html-section/html-section.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>HtmlSectionComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_elements=__webpack_require__("./node_modules/@angular/elements/fesm2020/elements.mjs"),icon_component=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts"),labeled_icon_component=__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts"),track_component=__webpack_require__("./libs/ui/src/lib/track/track.component.ts");let HtmlSectionComponent=class HtmlSectionComponent{constructor(injector){this.injector=injector,this.html="",this.sanitize=!0,this.customElements=[[labeled_icon_component.K,"cvi-web-labeled-icon"],[icon_component.o,"cvi-web-icon"],[track_component.W,"cvi-web-track"]],this.allowedTags=["cvi-web-labeled-icon","cvi-web-icon","cvi-web-track"],this.allowedAttributes={"cvi-web-labeled-icon":["name"],"cvi-web-icon":["name"],"cvi-web-track":["gap","layout","flex-columns-equal","grid-rows","horizontal-alignment","vertical-alignment","flex-direction","flex-is-multiline"]}}onClick(){this.htmlSectionRef&&this.htmlSectionRef.nativeElement.innerHTML!==this.html&&(this.html=this.htmlSectionRef.nativeElement.innerHTML)}ngOnInit(){this.createCustomElements(this.customElements)}createCustomElements(elements){elements.filter((([,name])=>!customElements.get(name))).forEach((([component,name])=>{const element=(0,fesm2020_elements.iD)(component,{injector:this.injector});customElements.define(name,element)}))}};HtmlSectionComponent.ctorParameters=()=>[{type:core.Injector}],HtmlSectionComponent.propDecorators={html:[{type:core.Input}],sanitize:[{type:core.Input}],customElements:[{type:core.Input}],allowedTags:[{type:core.Input}],allowedAttributes:[{type:core.Input}],htmlSectionRef:[{type:core.ViewChild,args:["htmlSectionRef"]}],onClick:[{type:core.HostListener,args:["document:click"]}]},HtmlSectionComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-html-section",template:'
\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.Injector&&core.Injector)?_a:Object])],HtmlSectionComponent)},"./libs/ui/src/lib/html-section/safe-html-pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>SafeHtmlPipe});var _a,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/platform-browser/fesm2020/platform-browser.mjs"),sanitize_html__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/sanitize-html/index.js"),sanitize_html__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(sanitize_html__WEBPACK_IMPORTED_MODULE_0__);let SafeHtmlPipe=class SafeHtmlPipe{constructor(sanitizer){this.sanitizer=sanitizer}transform(value,allowedTags,allowedAttributes){const sanitizedHtml=this.sanitize(value||"",allowedTags,allowedAttributes);return this.sanitizer.bypassSecurityTrustHtml(sanitizedHtml)}sanitize(dirty,allowedTags,allowedAttributes){var _a,_b,_c;return sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()(dirty,{allowedTags:null===(_b=null===(_a=null===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()||void 0===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()?void 0:sanitize_html__WEBPACK_IMPORTED_MODULE_0___default().defaults)||void 0===_a?void 0:_a.allowedTags)||void 0===_b?void 0:_b.concat(allowedTags),allowedAttributes:Object.assign(Object.assign(Object.assign({},null===(_c=null===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()||void 0===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()?void 0:sanitize_html__WEBPACK_IMPORTED_MODULE_0___default().defaults)||void 0===_c?void 0:_c.allowedAttributes),{"*":["class"]}),allowedAttributes)})}};SafeHtmlPipe.ctorParameters=()=>[{type:_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__.DomSanitizer}],SafeHtmlPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Pipe)({name:"safeHtml"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__.DomSanitizer&&_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__.DomSanitizer)?_a:Object])],SafeHtmlPipe)},"./libs/ui/src/lib/icons/icon/icon.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>IconComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),icons_registry_service=__webpack_require__("./libs/ui/src/lib/icons/icons-registry.service.ts"),common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts");let IconComponent=class IconComponent{constructor(element,registry,document){this.element=element,this.registry=registry,this.document=document,this.svgClass="",this.height=icon.b}svgElementFromString(svgContent){const div=this.document.createElement("DIV");div.innerHTML=svgContent;const svg=div.querySelector("svg");return svg.setAttribute("class",this.svgClass),this.height&&svg.setAttribute("height",`${this.height}px`),svg||this.document.createElementNS("http://www.w3.org/2000/svg","path")}ngOnChanges(){if(!this.name)return;this.svgIcon&&this.element.nativeElement.removeChild(this.svgIcon);const svgData=this.registry.getIcon(this.name);svgData&&(this.svgIcon=this.svgElementFromString(svgData),this.element.nativeElement.appendChild(this.svgIcon))}};IconComponent.ctorParameters=()=>[{type:core.ElementRef},{type:icons_registry_service.Z},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:[common.K0]}]}],IconComponent.propDecorators={svgClass:[{type:core.Input}],name:[{type:core.Input}],height:[{type:core.Input}]},IconComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-icon",template:"\n",changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ElementRef&&core.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==icons_registry_service.Z&&icons_registry_service.Z)?_b:Object,Object])],IconComponent)},"./libs/ui/src/lib/icons/icon/icon.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>iconSizeDefault});const iconSizeDefault=24},"./libs/ui/src/lib/icons/icons-registry.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>IconsRegistry});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let IconsRegistry=class IconsRegistry{constructor(){this.registry=new Map}registerIcons(icons){icons.forEach((icon=>this.registry.set(icon.name,icon.data)))}getIcon(iconName){return this.registry.has(iconName)||console.warn(`We could not find the Icon with the name ${iconName}, did you add it to the IconRegistry?`),this.registry.get(iconName)}};IconsRegistry=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconsRegistry)},"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>LabeledIconComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts");let LabeledIconComponent=class LabeledIconComponent{constructor(){this.iconPosition="before",this.svgClass="",this.iconHeight=icon.b,this.gap=4,this.iconClass="cvi-labeled-icon__icon-wrapper",this.verticalAlignment="normal"}get hostClasses(){return"cvi-labeled-icon"}};LabeledIconComponent.propDecorators={iconPosition:[{type:core.Input}],name:[{type:core.Input}],svgClass:[{type:core.Input}],iconHeight:[{type:core.Input}],gap:[{type:core.Input}],iconClass:[{type:core.Input}],verticalAlignment:[{type:core.Input}],content:[{type:core.ViewChild,args:["content"]}],hostClasses:[{type:core.HostBinding,args:["class"]}]},LabeledIconComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-labeled-icon",template:'\n \n \n \n\n
\n \n
\n\n \n \n \n\n\n\n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],LabeledIconComponent)},"./libs/ui/src/lib/icons/storybook-icons.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>storybookIconsNames,X:()=>storybookIcons});var _egov_cvi_icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./dist/libs/icons/index.js");const icons=Object.entries(_egov_cvi_icons__WEBPACK_IMPORTED_MODULE_0__).filter((item=>"completeIconSet"!==item[0])).map((([,v])=>v)),storybookIcons=icons,storybookIconsNames=icons.map((item=>item.name))},"./libs/ui/src/lib/input/input.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>InputComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const inputComponentValueAccessor={provide:__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs").NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>InputComponent)),multi:!0},inputRegex={positiveNumbers:/\D/g},patterns={positiveNumbers:"[0-9]*"},inputModes={positiveNumbers:"numeric"};let InputComponent=class InputComponent{constructor(){this.placeholder="",this.valueChange=new core.EventEmitter,this._disabled=!1,this._validationType=null,this.onChanged=()=>this.valueChange.emit(this._internalValue),this.onTouched=()=>{},this.propagateDisabled=_=>{}}set disabled(value){this._disabled=value}get disabled(){return this._disabled}set validationType(value){this._validationType=value}get validationType(){return this._validationType}get getHostClasses(){return`cvi-textfield cvi-textfield--type-single-line${this.disabled?" cvi-textfield--is-disabled":""}${this.suffixIconName?" cvi-textfield--has-suffix-icon":""}`}onInput(event){const inputElement=event.target;inputElement.value=this.handleValue(inputElement.value)}handleValue(value){return null!==this.validationType&&(value=value.replace(inputRegex[this.validationType],"")),value}get pattern(){return null!==this.validationType&&this.validationType in patterns?patterns[this.validationType]:null}get inputMode(){return null!==this.validationType&&this.validationType in inputModes?inputModes[this.validationType]:null}setValue(value){this.onChanged(this.handleValue(value)),this.onTouched()}writeValue(value){this._internalValue=value}registerOnChange(fn){this.onChanged=fn}registerOnTouched(fn){this.onTouched=fn}registerOnDisabledChange(fn){this.propagateDisabled=fn}setDisabledState(isDisabled){this.disabled=isDisabled}};InputComponent.propDecorators={htmlId:[{type:core.Input}],maxLength:[{type:core.Input}],disabled:[{type:core.Input}],placeholder:[{type:core.Input}],suffixIconName:[{type:core.Input}],validationType:[{type:core.Input}],valueChange:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}],onInput:[{type:core.HostListener,args:["input",["$event"]]}]},InputComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-input",template:'\n\n\n\n',providers:[inputComponentValueAccessor]})],InputComponent)},"./libs/ui/src/lib/modal/modal.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ModalComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ModalComponent=class ModalComponent{constructor(){this.closed=new core.EventEmitter}get getHostClasses(){return"cvi-modal"}ngOnDestroy(){this.closeModal()}closeModal(){this.closed.emit()}};ModalComponent.propDecorators={closed:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},ModalComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-modal",template:'\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ModalComponent)},"./libs/ui/src/lib/modal/modal.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>ModalDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_modal_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs");let ModalDirective=class ModalDirective{constructor(viewContainerRef,document){this.viewContainerRef=viewContainerRef,this.document=document,this.open=!1,this.componentRef=null}ngOnInit(){this.open&&(this.createModal(),this.showModal())}onClick(){this.componentRef||(this.createModal(),this.showModal())}createModal(){this.componentRef=this.viewContainerRef.createComponent(_modal_component__WEBPACK_IMPORTED_MODULE_0__.z),this.componentRef.instance.templateRef=this.cviNgModal,this.componentRef.instance.title=this.modalTitle,this.componentRef.instance.closed.subscribe((()=>this.hideModal()))}showModal(){if(this.componentRef){const domElement=this.componentRef.hostView.rootNodes[0];this.document.body.appendChild(domElement)}}hideModal(){var _a;null===(_a=this.componentRef)||void 0===_a||_a.destroy(),this.componentRef=null}};ModalDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:Document,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.K0]}]}],ModalDirective.propDecorators={cviNgModal:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],modalTitle:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],open:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],onClick:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["click"]}]},ModalDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgModal]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_3__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_a:Object,"function"==typeof(_b="undefined"!=typeof Document&&Document)?_b:Object])],ModalDirective)},"./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>NotificationSeverityToHeaderIconPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let NotificationSeverityToHeaderIconPipe=class NotificationSeverityToHeaderIconPipe{transform(severity){return"success"===severity?"check_circle_outline":"warning"===severity?"warning_amber":"error"===severity?"error_outline":"info"===severity?"info":void 0}};NotificationSeverityToHeaderIconPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toHeaderIcon"})],NotificationSeverityToHeaderIconPipe)},"./libs/ui/src/lib/notification/notification.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>NotificationComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),notification_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts");let NotificationComponent=class NotificationComponent{constructor(iconPipe){this.iconPipe=iconPipe,this.severity="info",this.size="regular",this.showIcon=!0,this.showCloseButton=!0,this.closed=new core.EventEmitter}getIconName(){return this.showIcon?this.iconName||this.iconPipe.transform(this.severity):void 0}close(){this.closed.emit()}};NotificationComponent.ctorParameters=()=>[{type:notification_severity_to_header_icon_pipe.b}],NotificationComponent.propDecorators={severity:[{type:core.Input}],size:[{type:core.Input}],showIcon:[{type:core.Input}],iconName:[{type:core.Input}],showCloseButton:[{type:core.Input}],title:[{type:core.Input}],closed:[{type:core.Output}]},NotificationComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-notification",template:'
\n \n
\n
\n \n \n

{{ title }}

\n \n \n \n

{{ title }}

\n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==notification_severity_to_header_icon_pipe.b&¬ification_severity_to_header_icon_pipe.b)?_a:Object])],NotificationComponent)},"./libs/ui/src/lib/radio-button/option-button/option-button.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>OptionButtonComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),radio_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts");let OptionButtonComponent=class OptionButtonComponent extends radio_button_component._{get getHostClasses(){return"cvi-radio-group__item"}};OptionButtonComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},OptionButtonComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-option-button",template:'\n',providers:[{provide:radio_button_component._,useExisting:OptionButtonComponent}]})],OptionButtonComponent)},"./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>RadioButtonComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let RadioButtonComponent=class RadioButtonComponent{constructor(changeDetector){this.changeDetector=changeDetector,this.checked=!1,this.disabled=!1,this.inputInteraction=new core.EventEmitter,this.roleAttr="listitem"}onInputInteraction(event){event.stopPropagation(),this.checked||this.inputInteraction.emit(this.value)}markForCheck(){this.changeDetector.markForCheck()}};RadioButtonComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],RadioButtonComponent.propDecorators={name:[{type:core.Input}],value:[{type:core.Input}],label:[{type:core.Input}],checked:[{type:core.Input}],disabled:[{type:core.Input}],inputInteraction:[{type:core.Output}],roleAttr:[{type:core.HostBinding,args:["attr.role"]}]},RadioButtonComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-radio-button",template:'\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],RadioButtonComponent)},"./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>RadioGroupComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),radio_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let nextUniqueId=0,RadioGroupComponent=class RadioGroupComponent{constructor(){this.name="radio-group-"+nextUniqueId++,this.value=null,this.disabled=!1,this.appearance="regular",this.selected=null,this.destroyed$=new Subject.x,this.groupValueChangedFn=()=>{},this.onTouched=()=>{}}get getHostClasses(){return`cvi-radio-group cvi-radio-group--appearance-${this.appearance}`}registerOnChange(fn){this.groupValueChangedFn=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled}writeValue(value){this.value=value,this.updateSelectedRadioFromValue(value)}ngAfterViewInit(){var _a;null===(_a=this.radioButtons)||void 0===_a||_a.forEach((radio=>{radio.name=this.name,radio.markForCheck(),radio.inputInteraction.pipe((0,takeUntil.R)(this.destroyed$)).subscribe((value=>{this.updateSelectedRadioFromValue(value)}))}))}ngOnChanges(changes){const value=changes.value;value&&value.currentValue!==value.previousValue&&this.updateSelectedRadioFromValue(value.currentValue)}ngOnDestroy(){this.destroyed$.next(void 0),this.destroyed$.complete()}updateSelectedRadioFromValue(value){var _a;this.value=value;const isAlreadySelected=null!==this.selected&&this.selected.value===this.value;this.radioButtons&&!isAlreadySelected&&(null===(_a=this.selected)||void 0===_a||_a.markForCheck(),this.selected=null,this.radioButtons.forEach((radio=>{radio.checked=this.value===radio.value,radio.checked&&(this.selected=radio,this.selected.markForCheck())})),this.groupValueChangedFn(value))}};RadioGroupComponent.propDecorators={title:[{type:core.Input}],name:[{type:core.Input}],value:[{type:core.Input}],disabled:[{type:core.Input}],appearance:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}],radioButtons:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>radio_button_component._)),{descendants:!0}]}]},RadioGroupComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-radio-group",template:'
\n {{ title }}\n
\n \n
\n
\n',providers:[{provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>RadioGroupComponent)),multi:!0}]})],RadioGroupComponent)},"./libs/ui/src/lib/radio-button/radio-group/radio-group.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var RadioGroupAppearance;__webpack_require__.d(__webpack_exports__,{e:()=>RadioGroupAppearance}),function(RadioGroupAppearance){RadioGroupAppearance.REGULAR="regular",RadioGroupAppearance.COMPACT="compact"}(RadioGroupAppearance||(RadioGroupAppearance={}))},"./libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>ReorderableListItemComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ReorderableListItemComponent=class ReorderableListItemComponent{constructor(){this.swapStepsEvent=new core.EventEmitter,this.removeStepEvent=new core.EventEmitter}get getHostClasses(){return"cvi-reorderable-list__item"}get orderNr(){return this.index+1}moveStepTo(direction){this.swapStepsEvent.emit({index1:this.index,index2:this.index+="next"===direction?1:-1})}removeStep(){this.removeStepEvent.emit(this.index)}};ReorderableListItemComponent.propDecorators={index:[{type:core.Input}],setAsPreviousStepButtonVisible:[{type:core.Input}],setAsNextStepButtonVisible:[{type:core.Input}],swapStepsEvent:[{type:core.Output}],removeStepEvent:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},ReorderableListItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-item",template:'\n\n
\n \n
\n {{ orderNr }}\n
\n \n
\n\n
\n \n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListItemComponent)},"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>ReorderableListComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ReorderableListComponent=class ReorderableListComponent{get getHostClasses(){return"cvi-reorderable-list"}};ReorderableListComponent.propDecorators={items:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],templateRef:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ContentChild,args:[_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef]}],getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ReorderableListComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-reorderable-list",template:'\n \n \n \n ',changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush})],ReorderableListComponent)},"./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>ScreenreaderTextComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ScreenreaderTextComponent=class ScreenreaderTextComponent{get getHostClasses(){return"cvi-screenreader-text"}};ScreenreaderTextComponent.propDecorators={label:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ScreenreaderTextComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-screenreader-text",template:"{{ label }}"})],ScreenreaderTextComponent)},"./libs/ui/src/lib/select/select-navigation.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>SelectNavigationDirective});var _a,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let SelectNavigationDirective=class SelectNavigationDirective{constructor(hostEl){this.hostEl=hostEl,this.closed=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter,this.itemFocused=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter,this.focusedClass="is-focused"}onKeyDown($event){if((this.isArrowDown($event)||this.isArrowUp($event))&&($event.preventDefault(),this.onNavigation($event)),this.isEventOfKey("Tab",$event)&&this.closed.emit(),this.isEventOfKey("Enter",$event)&&this.focusedElement&&(this.focusedElement.click(),this.inputField)){(this.inputField instanceof HTMLElement?this.inputField:this.inputField.nativeElement).blur()}}ngAfterViewInit(){this.focusByIndex(0)}isEventOfKey(key,event){return event.key===key}isArrowDown(event){return this.isEventOfKey("ArrowDown",event)}isArrowUp(event){return this.isEventOfKey("ArrowUp",event)}focusByIndex(i){var _a;this.focusedElement=this.hostEl.nativeElement.children[i],null===(_a=this.focusedElement)||void 0===_a||_a.classList.add(this.focusedClass),this.itemFocused.emit(i)}onNavigation(event){const listEl=this.hostEl.nativeElement,opts=listEl.children;!opts||opts.length<1||(this.focusedElement&&this.focusedElement.classList.remove(this.focusedClass),this.setFocusedElement(event,opts),this.scrollToFocusedElement(listEl))}setFocusedElement(event,opts){const idx=this.isArrowDown(event)?0:opts.length-1,prop=this.isArrowDown(event)?"nextElementSibling":"previousElementSibling";this.focusedElement&&this.focusedElement[prop]?this.focusedElement=this.focusedElement[prop]:this.focusedElement=opts[idx],this.focusedElement.classList.add(this.focusedClass);const elIndex=[...opts].indexOf(this.focusedElement);this.itemFocused.emit(elIndex)}scrollToFocusedElement(listEl){if(this.scrollableEl){const listElHeight=this.pxStringToNumber(getComputedStyle(listEl,null).height),scrollableHeight=this.pxStringToNumber(getComputedStyle(this.scrollableEl,null).height);if(listElHeight>scrollableHeight){const offset=this.focusedElement?this.focusedElement.offsetTop:0,middle=scrollableHeight/2;this.scrollableEl.scrollTo(0,offset-middle)}}}pxStringToNumber(value){const numVal=value.substring(0,value.length-2);return parseInt(numVal,10)}};SelectNavigationDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef}],SelectNavigationDirective.propDecorators={scrollableEl:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],inputField:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],closed:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Output}],itemFocused:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Output}],onKeyDown:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostListener,args:["document:keydown",["$event"]]}]},SelectNavigationDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgSelectNavigation]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef)?_a:Object])],SelectNavigationDirective)},"./libs/ui/src/lib/select/select-templates.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>OptionTemplateDirective,b:()=>LabelTemplateDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let LabelTemplateDirective=class LabelTemplateDirective{constructor(template){this.template=template}};LabelTemplateDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],LabelTemplateDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgSelectLabelTemplate]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)?_a:Object])],LabelTemplateDirective);let OptionTemplateDirective=class OptionTemplateDirective{constructor(template){this.template=template}};OptionTemplateDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],OptionTemplateDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgSelectOptionTemplate]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)?_b:Object])],OptionTemplateDirective)},"./libs/ui/src/lib/select/select.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>SelectComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,_d,_e,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),merge=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/merge.js"),fromEvent=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"),common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),select_templates_directive=__webpack_require__("./libs/ui/src/lib/select/select-templates.directive.ts");class SelectItemsList{constructor(_select){this._select=_select,this._filteredItems=[],this._items=[]}get selectedItem(){return this._selectedItem}get selectedItemValue(){if(this._selectedItem)return this._select.valueFormatFn?this._select.valueFormatFn(this._selectedItem.label):this._selectedItem.label}get filteredItems(){return this._filteredItems}get items(){return this._items}select(item){this._selectedItem=item}clearSelection(){this._selectedItem=void 0}setItems(items){if(this._items=items.map((item=>this.mapItem(item))),this._select.sortItemsFn instanceof Function){const sortFn=this._select.sortItemsFn;this._items.sort(((a,b)=>sortFn(a.value,b.value)))}this._filteredItems=[...this._items]}addItem(item){const option=this.mapItem(item);if(this._items.push(option),this._filteredItems.push(option),this._select.sortItemsFn instanceof Function){const sortFn=this._select.sortItemsFn;this._items.sort(((a,b)=>sortFn(a.value,b.value))),this._filteredItems.sort(((a,b)=>sortFn(a.value,b.value)))}return option}mapItem(item){return{label:this._select.bindLabel?item[this._select.bindLabel]:item,value:item}}findItem(value){return this._items.find((item=>item.value===value))}filter(term){term?this._select.searchFn?this._filteredItems=this._items.filter((item=>this._select.searchFn(term,item.value))):this._filteredItems=this._items.filter((item=>this.defaultSearchFn(term,item))):this.resetFilteredItems()}resetFilteredItems(){this._filteredItems.length!==this._items.length&&(this._filteredItems=[...this._items])}sortItems(sortFn){this._items.sort(((a,b)=>sortFn(a.value,b.value))),this._filteredItems.sort(((a,b)=>sortFn(a.value,b.value)))}defaultSearchFn(search,option){return option.label.indexOf(search)>-1}}let SelectComponent=class SelectComponent{constructor(zone,elementRef,cd,document,control){this.zone=zone,this.cd=cd,this.document=document,this.control=control,this.placeholder="",this.searchFn=null,this.valueFormatFn=null,this.minTermLength=0,this.backgroundDisabled=!1,this.disabled=!1,this.loading=!1,this.loadingLabel="Laadimine...",this.itemChanged=new core.EventEmitter,this.isOpen=!1,this.searchTerm=null,this.searchInputFocused=!1,this.focusedOptionIndex=null,this.destroy$=new Subject.x,this.valueChangedFn=()=>{},this.onTouched=()=>{},this.control&&(this.control.valueAccessor=this),this.select=elementRef.nativeElement,this.itemsList=new SelectItemsList(this)}set items(items){this.setItems(items)}get invalid(){return!!this.control&&!!this.control.invalid}get inputValue(){return this.searchTerm?this.searchTerm:""}get touched(){return!!this.control&&!!this.control.touched}get selectedItem(){return this.itemsList.selectedItem}get hasValue(){return!!this.selectedItem}get showAddItem(){return!!this.validTerm&&!!this.addItemFn}get listboxHtmlId(){return this.htmlId+"-listbox"}get focusedItemHtmlId(){return this.isOpen&&null!==this.focusedOptionIndex?this.htmlId+"-listbox-item-"+this.focusedOptionIndex:""}ngOnInit(){var _a;if(this.handleOutsideClick(),null===(_a=this.control)||void 0===_a?void 0:_a.control){const originalMarkAsTouched=this.control.control.markAsTouched;this.control.control.markAsTouched=args=>{originalMarkAsTouched.apply(this.control.control,[args]),this.cd.markForCheck()}}}ngOnChanges(changes){if(changes.sortItemsFn){changes.sortItemsFn.currentValue instanceof Function&&this.itemsList.sortItems(changes.sortItemsFn.currentValue)}}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),this.destroy$.unsubscribe()}selectItem(item){var _a,_b;this.itemsList.select(item);const selectedValue=this.bindValue?null===(_a=this.itemsList.selectedItem)||void 0===_a?void 0:_a.value[this.bindValue]:null===(_b=this.itemsList.selectedItem)||void 0===_b?void 0:_b.value;this.itemChanged.emit(selectedValue),"function"==typeof this.valueChangedFn&&this.valueChangedFn(selectedValue),this.close(),this.restoreFocusAfterClosing()}updateFocusedItem(index){this.focusedOptionIndex=index}focus(){setTimeout((()=>{var _a;return null===(_a=this.searchInput)||void 0===_a?void 0:_a.nativeElement.focus()}))}focusEditButton(){setTimeout((()=>{var _a;return null===(_a=this.editButton)||void 0===_a?void 0:_a.nativeElement.focus()}))}blur(){var _a;null===(_a=this.searchInput)||void 0===_a||_a.nativeElement.blur()}restoreFocusAfterClosing(){this.backgroundDisabled&&this.hasValue?this.focusEditButton():this.focus()}handleOpeningWithArrowFromKeyboard(){this.isOpen||(this.open(),this.updateFocusedItem(0))}handleOpeningWithTypingFromKeyboard(){this.isOpen||this.open()}handleClosingFromKeyboard(){this.isOpen&&(this.close(),this.restoreFocusAfterClosing())}handleMousedown(event){if(!this.hasValue||!this.backgroundDisabled){"INPUT"!==event.target.tagName&&event.preventDefault(),this.open()}}handleArrowButtonClick(event){event.stopPropagation(),event.preventDefault(),this.isOpen?this.close():this.open()}open(){this.disabled||(this.isOpen=!0,this.focus())}close(){this.isOpen&&(this.isOpen=!1,this.searchTerm=null,this.itemsList.resetFilteredItems(),this.focusedOptionIndex=null,"function"==typeof this.onTouched&&this.onTouched(),this.cd.markForCheck())}registerOnChange(fn){this.valueChangedFn=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled,this.disabled&&this.close(),this.cd.markForCheck()}writeValue(obj){this.itemsList.clearSelection();const item=this.itemsList.findItem(obj);item&&this.itemsList.select(item),this.cd.markForCheck()}handleOutsideClick(){this.document&&this.zone.runOutsideAngular((()=>{(0,merge.T)((0,fromEvent.R)(this.document,"touchstart",{capture:!0}),(0,fromEvent.R)(this.document,"mousedown",{capture:!0})).pipe((0,takeUntil.R)(this.destroy$)).subscribe((event=>this.checkToClose(event)))}))}checkToClose(event){this.select.contains(event.target)||this.zone.run((()=>this.close()))}filter(term){this.searchTerm=term,this.itemsList.filter(term)}setItems(items){this.itemsList.setItems(items)}addItem(){let item;item=this.addItemFn instanceof Function&&this.searchTerm?this.addItemFn(this.searchTerm):this.searchTerm,item instanceof Promise?item.then((result=>this.selectItem(this.itemsList.addItem(result)))).catch((()=>{this.close()})):this.selectItem(this.itemsList.addItem(item))}get validTerm(){const term=this.searchTerm&&this.searchTerm.trim();return term&&term.length>=this.minTermLength}};SelectComponent.ctorParameters=()=>[{type:core.NgZone},{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:Document,decorators:[{type:core.Optional},{type:core.Inject,args:[common.K0]}]},{type:fesm2020_forms.NgControl,decorators:[{type:core.Self},{type:core.Optional}]}],SelectComponent.propDecorators={bindValue:[{type:core.Input}],bindLabel:[{type:core.Input}],items:[{type:core.Input}],placeholder:[{type:core.Input}],searchFn:[{type:core.Input}],valueFormatFn:[{type:core.Input}],addItemLabel:[{type:core.Input}],addItemFn:[{type:core.Input}],minTermLength:[{type:core.Input}],backgroundDisabled:[{type:core.Input}],disabled:[{type:core.Input}],htmlId:[{type:core.Input}],labelId:[{type:core.Input}],loading:[{type:core.Input}],loadingLabel:[{type:core.Input}],sortItemsFn:[{type:core.Input}],itemChanged:[{type:core.Output}],labelTemplate:[{type:core.ContentChild,args:[select_templates_directive.b,{read:core.TemplateRef}]}],optionTemplate:[{type:core.ContentChild,args:[select_templates_directive._,{read:core.TemplateRef}]}],searchInput:[{type:core.ViewChild,args:["searchInput",{static:!0}]}],editButton:[{type:core.ViewChild,args:["editButton",{static:!0}]}]},SelectComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-select",template:'
\n
\n
\n
{{placeholder}}
\n
\n \n {{selectedItem?.label}}\n \n\n \n \n
\n
\n
\n \n
\n \x3c!-- We don\'t use ngIf here because it would be impossible to focus the button --\x3e\n \n \n \n \n
\n
\n
\n
    \n
  • \n \n {{ bindLabel ? item.value[bindLabel] : item.value }}\n \n \n \n
    • \n
  • \n {{addItemLabel}} "{{searchTerm}}"\n
    • \n
\n \n
\n {{ loadingLabel }}\n
\n \n
\n
\n
\n\n\n \n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.NgZone&&core.NgZone)?_a:Object,"function"==typeof(_b=void 0!==core.ElementRef&&core.ElementRef)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object,"function"==typeof(_d="undefined"!=typeof Document&&Document)?_d:Object,"function"==typeof(_e=void 0!==fesm2020_forms.NgControl&&fesm2020_forms.NgControl)?_e:Object])],SelectComponent)},"./libs/ui/src/lib/status-badge/status-badge.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>StatusBadgeComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const statusBadgeCustomPropertyGroups=[{severity:"info",customProperties:{"--color":"--cvi-color-sapphire-blue-10","--background-color":"--cvi-color-sapphire-blue-0","--border-color":"--cvi-color-sapphire-blue-10"}},{severity:"success",customProperties:{"--color":"--cvi-color-sea-green-11","--background-color":"--cvi-color-sea-green-0","--border-color":"--cvi-color-sea-green-11"}},{severity:"warning",customProperties:{"--color":"--cvi-color-dark-tangerine-15","--background-color":"--cvi-color-dark-tangerine-1","--border-color":"--cvi-color-dark-tangerine-10"}}];let StatusBadgeComponent=class StatusBadgeComponent{constructor(){this.severity="info",this.label="",this.withTooltip=!1,this.tooltipText="",this.tooltipIcon="info",this.hasBackground=!0}get hostClasses(){return"cvi-status-badge"}get hostStyleColor(){return this.getCustomProperty("--color")}get hostStyleBackgroundColor(){return this.hasBackground?this.getCustomProperty("--background-color"):null}get hostStyleBorderColor(){return this.getCustomProperty("--border-color")}getCustomProperty(propName){const item=statusBadgeCustomPropertyGroups.find((group=>group.severity===this.severity));return item?`var(${item.customProperties[propName]})`:null}};StatusBadgeComponent.propDecorators={severity:[{type:core.Input}],label:[{type:core.Input}],withTooltip:[{type:core.Input}],tooltipText:[{type:core.Input}],tooltipIcon:[{type:core.Input}],hasBackground:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}],hostStyleColor:[{type:core.HostBinding,args:["style.--color"]}],hostStyleBackgroundColor:[{type:core.HostBinding,args:["style.--background-color"]}],hostStyleBorderColor:[{type:core.HostBinding,args:["style.--border-color"]}]},StatusBadgeComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-status-badge",template:'
\n {{ label }}\n \n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],StatusBadgeComponent)},"./libs/ui/src/lib/steps/step-panel/step-panel.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>StepPanelComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),ReplaySubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/ReplaySubject.js");let StepPanelComponent=class StepPanelComponent{constructor(){this._status=null,this.titleChangeSubject=new ReplaySubject.t(1)}set title(title){this._title=title,this.titleChangeSubject.next(title)}get title(){return this._title}set status(status){this._status=status}get status(){return this._status}get getHostClasses(){return"cvi-steps__content-panel"}ngOnDestroy(){this.titleChangeSubject.complete()}};StepPanelComponent.propDecorators={title:[{type:core.Input}],status:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},StepPanelComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-step-panel",template:'

{{ title }}

\n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],StepPanelComponent)},"./libs/ui/src/lib/steps/step/step.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>StepComponent});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let StepComponent=class StepComponent{constructor(ref,cdRef){this.ref=ref,this.cdRef=cdRef,this._isVisible=!1}set isVisible(isVisible){this._isVisible=isVisible,this.cdRef.detectChanges()}get isVisible(){return this._isVisible}get getHostClasses(){return"cvi-steps__step"}};StepComponent.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef}],StepComponent.propDecorators={getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},StepComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-step",template:'\n \n \n \n ',changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef)?_b:Object])],StepComponent)},"./libs/ui/src/lib/steps/steps/steps.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>StepsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),step_component=__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts"),step_panel_component=__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js");let StepsComponent=class StepsComponent{constructor(cdRef){this.cdRef=cdRef,this._currentStepIndex=null,this.currentStepIndexChange=new core.EventEmitter,this.hasTableOfContents=!1,this.stepIndex=null,this.stepChange=new core.EventEmitter,this.currentProgressCSSVar=0,this.anyStepSelected=!1}get currentStepIndex(){return this._currentStepIndex}set currentStepIndex(value){this._currentStepIndex=value,this.currentStepIndexChange.emit(value)}set stepPanels(panels){this.panelSubscription&&this.panelSubscription.unsubscribe(),this.panelSubscription=new Subscription.w0,this._stepPanels=panels,this._stepPanels.toArray().forEach(((stepPanel,i)=>{this.panelSubscription.add(stepPanel.titleChangeSubject.subscribe((title=>{this.stepTitles&&title&&(this.stepTitles[i]=title)})))}))}get stepPanels(){return this._stepPanels}get getHostClasses(){return`cvi-steps${this.anyStepSelected?" is-any-step-selected":""}${this.hasTableOfContents?" has-toc":""}`}get getCurrentStepAsCSSVar(){return null===this.currentStepIndex?"":`'${this.currentStepIndex+1}'`}ngAfterContentInit(){this.updateStepsData(this._stepPanels.toArray()),null!==this.currentStepIndex&&(this.anyStepSelected=!0,this.setProgress(this.currentStepIndex)),this.hideStepsContent()}ngAfterViewInit(){this.stepChildren.changes.subscribe((()=>{this.hideStepsContent(),this.cdRef.markForCheck()})),this._stepPanels.changes.subscribe((stepPanels=>{this.updateStepsData(stepPanels),this.cdRef.markForCheck()}))}ngOnChanges(changes){const stepIndexChange=changes.stepIndex;stepIndexChange&&this.stepChildren&&this.stepSelected(stepIndexChange.currentValue)}ngOnDestroy(){this.panelSubscription&&this.panelSubscription.unsubscribe()}updateStepsData(stepPanels){this.stepTitles=stepPanels.map((stepPanel=>stepPanel.title)),this.stepStatuses=stepPanels.map((stepPanel=>stepPanel.status))}stepSelected(stepIndex){this.currentStepIndex!=stepIndex&&(this.anyStepSelected=!0,this.currentStepIndex=stepIndex,this.hideStepsContent(),this.setProgress(stepIndex),this.stepChange.emit(this.currentStepIndex))}hideStepsContent(){this.stepChildren.map(((step,stepIndex)=>{step.isVisible=stepIndex===this.currentStepIndex}))}setProgress(stepIndex){this.currentProgressCSSVar=Math.round((stepIndex+1)/this.stepTitles.length*100)}};StepsComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],StepsComponent.propDecorators={title:[{type:core.Input}],currentStepIndexChange:[{type:core.Output}],currentStepIndex:[{type:core.Input}],hasTableOfContents:[{type:core.Input}],stepIndex:[{type:core.Input}],stepChange:[{type:core.Output}],currentProgressCSSVar:[{type:core.Input}],anyStepSelected:[{type:core.Input}],stepChildren:[{type:core.ContentChildren,args:[step_component.B]}],stepPanels:[{type:core.ContentChildren,args:[step_panel_component.w,{descendants:!0}]}],getHostClasses:[{type:core.HostBinding,args:["class"]}],getCurrentStepAsCSSVar:[{type:core.HostBinding,args:["style.--current-step"]}]},StepsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-steps",template:'

{{ title }}

\n
\n \n
\n
\n
\n
    \n
  1. \n \n
    2. \n
\n \n
\n \n \n
\n
\n
\n\n\x3c!-- We need this filter in order for rounded corners to work --\x3e\n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],StepsComponent)},"./libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>ToStepCircleIconNamePipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToStepCircleIconNamePipe=class ToStepCircleIconNamePipe{transform(value){switch(value){case"success":return"check";case"error":return"close";default:return}}};ToStepCircleIconNamePipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toStepCircleIconName"})],ToStepCircleIconNamePipe)},"./libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>ToStepCircleSeverityPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToStepCircleSeverityPipe=class ToStepCircleSeverityPipe{transform(value){switch(value){case"success":return"success";case"error":return"error";default:return"none"}}};ToStepCircleSeverityPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toStepCircleSeverity"})],ToStepCircleSeverityPipe)},"./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>GeneratedTableOfContentsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),table_of_contents_service=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),fromEvent=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let GeneratedTableOfContentsComponent=class GeneratedTableOfContentsComponent{constructor(renderer,tocService,cdRef){this.renderer=renderer,this.tocService=tocService,this.cdRef=cdRef,this.headingSelector="h1, h2, h3",this.tocItems=[],this.destroy$=new Subject.x,(0,fromEvent.R)(window,"scroll").pipe((0,takeUntil.R)(this.destroy$)).subscribe((()=>{this.scrollingTimeout&&clearTimeout(this.scrollingTimeout),this.scrollingTimeout=setTimeout((()=>{this.tocService.toCItemToHighlight&&(this.tocService.setCurrentToCSection(this.tocService.toCItemToHighlight),this.tocService.toCItemToHighlight=void 0)}),300)}))}get getHostClasses(){return"cvi-generated-table-of-contents"}ngOnChanges(changes){changes.title&&(clearTimeout(this.timeout),this.timeout=setTimeout((()=>this.buildToc()),1))}ngAfterViewInit(){this.domMutations=new MutationObserver((()=>this.buildToc())),this.domMutations.observe(this.content.nativeElement,{childList:!0,subtree:!0}),this.cdRef.markForCheck()}ngOnDestroy(){this.removeToc(),this.domMutations.disconnect(),clearTimeout(this.timeout),this.destroy$.next(),this.destroy$.complete(),this.destroy$.unsubscribe()}buildToc(){if(!this.content)return;this.removeToc();const headingNodes=this.content.nativeElement.querySelectorAll(this.headingSelector);if(headingNodes.length>0){const headingEls=Array.from(headingNodes);headingEls.forEach(((headingEl,i)=>{if(headingEl.textContent){const anchorId=`toc-${i}`,lastAnchorId="toc-"+(headingEls.length-1);this.renderer.setProperty(headingEl,"id",anchorId),this.tocItems.push({label:headingEl.textContent,href:`#${anchorId}`,intersectionObserver:this.createItemIntersectionObserver(headingEl,anchorId,lastAnchorId)})}})),this.cdRef.detectChanges()}}createItemIntersectionObserver(headingEl,anchorId,lastAnchorId){const intersectionObservable=new IntersectionObserver((entries=>{const isBottom=function isBottomOfPage(){return window.innerHeight+window.scrollY+1>document.body.offsetHeight}(),isTop=function isTopOfPage(){return 0===window.scrollY}();if(isBottom&&!isTop)return this.tocService.setCurrentToCSection(lastAnchorId,entries[entries.length-1].time),void this.cdRef.detectChanges();entries.forEach((entry=>{entry.isIntersecting&&1===entry.intersectionRatio&&!this.tocService.toCItemToHighlight&&(this.tocService.setCurrentToCSection(anchorId,entry.time),this.cdRef.detectChanges())}))}),{rootMargin:"5px 0px 5px 0px",threshold:1});return intersectionObservable.observe(headingEl),intersectionObservable}removeToc(){var _a;(null===(_a=this.tocItems)||void 0===_a?void 0:_a.length)>0&&(this.tocItems.forEach((item=>item.intersectionObserver.disconnect())),this.tocItems=[])}};GeneratedTableOfContentsComponent.ctorParameters=()=>[{type:core.Renderer2},{type:table_of_contents_service.a},{type:core.ChangeDetectorRef}],GeneratedTableOfContentsComponent.propDecorators={title:[{type:core.Input}],headingSelector:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}],content:[{type:core.ViewChild,args:["content"]}]},GeneratedTableOfContentsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-generated-table-of-contents",template:'\n
\n \n
\n \n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.Renderer2&&core.Renderer2)?_a:Object,"function"==typeof(_b=void 0!==table_of_contents_service.a&&table_of_contents_service.a)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object])],GeneratedTableOfContentsComponent)},"./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>TableOfContentsItemComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),table_of_contents_service=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts");let TableOfContentsItemComponent=class TableOfContentsItemComponent{constructor(renderer,tocService){this.renderer=renderer,this.tocService=tocService,this.label="",this.roleAttr="listitem",this.current=!1}get getHostClasses(){return"cvi-table-of-contents__aside-list-item"}get getHref(){return null}get getLabel(){return null}get fullHref(){return location.href.split("#")[0]+this.href}ngOnInit(){this.tocSubscription=this.tocService.currentToCSection$.subscribe((id=>{this.current=`#${id}`===this.href}))}ngOnDestroy(){this.tocSubscription.unsubscribe()}highlightSection(){this.tocService.highlightToCSectionAndSetAsCurrent(this.href.substring(1))}};TableOfContentsItemComponent.ctorParameters=()=>[{type:core.Renderer2},{type:table_of_contents_service.a}],TableOfContentsItemComponent.propDecorators={href:[{type:core.Input}],label:[{type:core.Input}],roleAttr:[{type:core.HostBinding,args:["attr.role"]}],current:[{type:core.HostBinding,args:["class.is-current"]}],getHostClasses:[{type:core.HostBinding,args:["class"]}],getHref:[{type:core.HostBinding,args:["attr.href"]}],getLabel:[{type:core.HostBinding,args:["attr.label"]}]},TableOfContentsItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table-of-contents-item",template:'{{ label }}\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.Renderer2&&core.Renderer2)?_a:Object,"function"==typeof(_b=void 0!==table_of_contents_service.a&&table_of_contents_service.a)?_b:Object])],TableOfContentsItemComponent)},"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>TableOfContentsWrapperComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TableOfContentsWrapperComponent=class TableOfContentsWrapperComponent{constructor(){this.hideNavOnMobile=!0}get getHostClasses(){return"cvi-table-of-contents"+(this.hideNavOnMobile?" is-nav-hidden-on-mobile":"")}};TableOfContentsWrapperComponent.propDecorators={hideNavOnMobile:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},TableOfContentsWrapperComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table-of-contents-wrapper",template:'\n
\n
\n \n
\n
\n'})],TableOfContentsWrapperComponent)},"./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>TableOfContentsService});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),rxjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");let TableOfContentsService=class TableOfContentsService{constructor(){this.currentToCSectionSource=new rxjs__WEBPACK_IMPORTED_MODULE_0__.X("toc-0"),this.currentToCSection$=this.currentToCSectionSource.asObservable()}highlightToCSectionAndSetAsCurrent(id){this.toCItemToHighlight=id,this.setCurrentToCSection(id)}setCurrentToCSection(id,timestamp){if(timestamp&&!this.currentToCSectionTimestamp)return this.currentToCSectionTimestamp=timestamp,void this.currentToCSectionSource.next(id);if(timestamp&×tamp===this.currentToCSectionTimestamp){if(this.parseNumberPartFromId(id)>this.parseNumberPartFromId(this.currentToCSectionSource.getValue()))return}this.currentToCSectionTimestamp=timestamp,this.currentToCSectionSource.next(id)}parseNumberPartFromId(id){const num=Number(id.split("-").pop());return isNaN(num)?-1:num}};TableOfContentsService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)({providedIn:"root"})],TableOfContentsService)},"./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>TableOfContentsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TableOfContentsComponent=class TableOfContentsComponent{constructor(){this.roleAttr="navigation"}get getHostClasses(){return"cvi-table-of-contents__aside-inner"}get getTitle(){return null}};TableOfContentsComponent.propDecorators={title:[{type:core.HostBinding,args:["attr.aria-label"]},{type:core.Input}],roleAttr:[{type:core.HostBinding,args:["attr.role"]}],getHostClasses:[{type:core.HostBinding,args:["class"]}],getTitle:[{type:core.HostBinding,args:["attr.title"]}]},TableOfContentsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table-of-contents",template:'

{{ title }}

\n
\n \n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],TableOfContentsComponent)},"./libs/ui/src/lib/table-of-contents/toc-section.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{I:()=>TableOfContentsSectionDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts");let TableOfContentsSectionDirective=class TableOfContentsSectionDirective{constructor(elementRef,tocService){this.elementRef=elementRef,this.tocService=tocService}ngOnInit(){this.elementToObserve=this.elementRef.nativeElement,this.intersectionObservable=new IntersectionObserver((entries=>{entries.forEach((entry=>{entry.isIntersecting&&this.tocService.setCurrentToCSection(this.sectionId)}))}),{rootMargin:"0px 0px -50% 0px"}),this.intersectionObservable.observe(this.elementToObserve)}ngOnDestroy(){this.intersectionObservable.unobserve(this.elementToObserve)}};TableOfContentsSectionDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__.a}],TableOfContentsSectionDirective.propDecorators={sectionId:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["id"]},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input,args:["cviNgToCSection"]}]},TableOfContentsSectionDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgToCSection]",exportAs:"cviNgToCSection"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__.a&&_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__.a)?_b:Object])],TableOfContentsSectionDirective)},"./libs/ui/src/lib/table/body-cell/body-cell.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>BodyCellComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let BodyCellComponent=class BodyCellComponent{get getHostClasses(){return"cvi-table__body-cell"}};BodyCellComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},BodyCellComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"[cvi-ng-body-cell]",template:'
\n \n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],BodyCellComponent)},"./libs/ui/src/lib/table/header-cell/header-cell.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>HeaderCellComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let HeaderCellComponent=class HeaderCellComponent{get getHostClasses(){return"cvi-table__header-cell"}};HeaderCellComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},HeaderCellComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"[cvi-ng-header-cell]",template:'
\n \n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],HeaderCellComponent)},"./libs/ui/src/lib/table/table.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>TableComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TableComponent=class TableComponent{get getHostClasses(){return"cvi-table"}};TableComponent.propDecorators={data:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}],headers:[{type:core.ContentChild,args:["headers"]}],rows:[{type:core.ContentChild,args:["rows"]}]},TableComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table",template:'
\n \n \n\n \n \n \n \n\n \n \n \n
\n
\n\n\n
{{ header.key }}
\n\n\n\n
{{ row.value }}
\n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],TableComponent)},"./libs/ui/src/lib/tabs/tab-group.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>TabGroupComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),tab_component=__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),merge=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/merge.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let TabGroupComponent=class TabGroupComponent{constructor(cdRef){this.cdRef=cdRef,this.activeTabChange=new core.EventEmitter,this.activeIndex=0,this.baseId="tabgroup-"+(0,v4.Z)(),this.tabChangesSubscription=Subscription.w0.EMPTY}get hostClasses(){return"cvi-tab-group"}ngAfterViewInit(){this.tabChangesSubscription=(0,merge.T)(...this.allTabs.map((tab=>tab._stateChanges))).subscribe((()=>this.cdRef.markForCheck())),this.activeTabChange.emit(this.activeIndex)}ngOnDestroy(){this.tabChangesSubscription.unsubscribe()}makeActive(index){this.activeIndex!==index&&(this.activeIndex=index,this.activeTabChange.emit(this.activeIndex),this.cdRef.detectChanges())}updateButtonFocus(){var _a;null===(_a=this.tabButtons.get(this.activeIndex))||void 0===_a||_a.nativeElement.focus()}makeActivePrev(event){event.preventDefault(),this.activeIndex>0?this.activeIndex--:this.activeIndex=this.allTabs.length-1,this.activeTabChange.emit(this.activeIndex),this.updateButtonFocus()}makeActiveNext(event){event.preventDefault(),this.activeIndex[{type:core.ChangeDetectorRef}],TabGroupComponent.propDecorators={allTabs:[{type:core.ContentChildren,args:[tab_component.i]}],activeTabChange:[{type:core.Output}],hostClasses:[{type:core.HostBinding,args:["class"]}],tabButtons:[{type:core.ViewChildren,args:["tabButton"]}]},TabGroupComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tab-group",template:'
\n \n
\n
\n \n
\n\n\n \n \n\n\n\n {{ tab.title }}\n\n\n\n \n \n \n \n\n \n\n \n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],TabGroupComponent)},"./libs/ui/src/lib/tabs/tab.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>TabComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js");let TabComponent=class TabComponent{constructor(){this.iconPosition="before",this.svgClass="",this.iconHeight=15,this.gap=1,this._stateChanges=new Subject.x}get content(){return this._content}ngOnChanges(){this._stateChanges.next()}ngOnDestroy(){this._stateChanges.complete()}};TabComponent.propDecorators={title:[{type:core.Input}],iconName:[{type:core.Input}],iconPosition:[{type:core.Input}],svgClass:[{type:core.Input}],iconHeight:[{type:core.Input}],gap:[{type:core.Input}],_content:[{type:core.ViewChild,args:[core.TemplateRef,{static:!0}]}]},TabComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tab",template:"\n",changeDetection:core.ChangeDetectionStrategy.OnPush})],TabComponent)},"./libs/ui/src/lib/tabs/tabs.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>TabsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),tab_component=__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),merge=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/merge.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let TabsComponent=class TabsComponent{constructor(cdRef){this.cdRef=cdRef,this.activeTabChange=new core.EventEmitter,this.activeIndex=0,this.focusIndex=0,this.baseId="tabgroup-"+(0,v4.Z)(),this.tabChangesSubscription=Subscription.w0.EMPTY,this.isDropdownOpen=!1}get hostClasses(){return"cvi-tabs"}ngAfterViewInit(){this.tabChangesSubscription=(0,merge.T)(...this.allItems.map((tab=>tab._stateChanges))).subscribe((()=>this.cdRef.markForCheck())),this.activeTabChange.emit(this.activeIndex)}ngOnDestroy(){this.tabChangesSubscription.unsubscribe()}makeActive(index){this.activeIndex!==index&&(this.activeIndex=index,this.focusIndex=index,this.activeTabChange.emit(this.activeIndex),this.cdRef.detectChanges(),this.close(),this.updateTabButtonFocus())}makeActivePrev(currentIndex){let newIndex=this.allItems.length-1;this.activeIndex>0&&(newIndex=currentIndex-1),this.makeActive(newIndex)}makeActiveNext(currentIndex){let newIndex=0;this.activeIndex0?this.focusIndex--:this.focusIndex=this.dropdownItemButtons.length-1}};TabsComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],TabsComponent.propDecorators={bindValue:[{type:core.Input}],bindLabel:[{type:core.Input}],allItems:[{type:core.ContentChildren,args:[tab_component.i]}],activeTabChange:[{type:core.Output}],hostClasses:[{type:core.HostBinding,args:["class"]}],dropdownButton:[{type:core.ViewChild,args:["dropdownButton",{static:!0}]}],dropdownItemButtons:[{type:core.ViewChildren,args:["dropdownItemButton"]}],tabButtons:[{type:core.ViewChildren,args:["tabButton"]}],handleClickOutside:[{type:core.HostListener,args:["document:click",["$event"]]}],handleEscape:[{type:core.HostListener,args:["document:keydown",["$event"]]}],handleKeyboardEvent:[{type:core.HostListener,args:["keydown",["$event"]]}]},TabsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tabs",template:'
\n \n \n \n
\n
\n
\n\n \n \n \n \n \n\n\n \n\n\n\n \n \n\n\n\n {{ tab.title }}\n\n\n\n \n \n \n \n\n \n\n \n \n \n \n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],TabsComponent)},"./libs/ui/src/lib/textarea/textarea.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>TextareaComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),text_field=__webpack_require__("./node_modules/@angular/cdk/fesm2020/text-field.mjs");const textareaComponentProvider={provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>TextareaComponent)),multi:!0};let TextareaComponent=class TextareaComponent{constructor(){this.disabled=!1,this.maxLength=2e3,this.minRows=3,this.maxRows=5,this.placeholder="",this.resizable=!0,this.valueChange=new core.EventEmitter,this.onChanged=()=>this.valueChange.emit(this.internalValue),this.onTouched=()=>{}}get getHostClasses(){return`cvi-textfield cvi-textfield--type-multiple-lines${this.disabled?" cvi-textfield--is-disabled":""}${this.resizable?"":" cvi-textfield--no-resize"}`}ngAfterViewInit(){this.autosize&&this.resize()}setValue(value){this.onChanged(value),this.onTouched()}writeValue(value){this.internalValue=value}registerOnChange(fn){this.onChanged=fn}registerOnTouched(fn){this.onTouched=fn}resize(){setTimeout((()=>{var _a;return null===(_a=this.autosize)||void 0===_a?void 0:_a.resizeToFitContent(!0)}))}};TextareaComponent.propDecorators={autosize:[{type:core.ViewChild,args:[text_field.IC]}],htmlId:[{type:core.Input}],disabled:[{type:core.Input}],maxLength:[{type:core.Input}],minRows:[{type:core.Input}],maxRows:[{type:core.Input}],placeholder:[{type:core.Input}],resizable:[{type:core.Input}],valueChange:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},TextareaComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-textarea",template:'\n',providers:[textareaComponentProvider],styles:[":host textarea.cdk-textarea-autosize {\n resize: none;\n}\n:host textarea.cdk-textarea-autosize-measuring {\n padding: 2px 0 !important;\n box-sizing: content-box !important;\n height: auto !important;\n overflow: hidden !important;\n}\n:host textarea.cdk-textarea-autosize-measuring-firefox {\n padding: 2px 0 !important;\n box-sizing: content-box !important;\n height: 0 !important;\n}"]})],TextareaComponent)},"./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>TimedNoticeSeverityToIconPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TimedNoticeSeverityToIconPipe=class TimedNoticeSeverityToIconPipe{transform(severity){return"success"===severity?"check":"error"===severity?"priority_high":"info"===severity?"calendar":void 0}};TimedNoticeSeverityToIconPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toHeaderIcon"})],TimedNoticeSeverityToIconPipe)},"./libs/ui/src/lib/timed-notice/timed-notice.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>TimedNoticeComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),timed_notice_severity_to_icon_pipe=__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts");let TimedNoticeComponent=class TimedNoticeComponent{constructor(iconPipe){this.iconPipe=iconPipe,this.severity="info",this.title="title",this.titleHref="#"}get hostClasses(){return"cvi-timed-notice"}getIconName(){return this.iconPipe.transform(this.severity)}};TimedNoticeComponent.ctorParameters=()=>[{type:timed_notice_severity_to_icon_pipe.O}],TimedNoticeComponent.propDecorators={severity:[{type:core.Input}],iconName:[{type:core.Input}],title:[{type:core.Input}],titleHref:[{type:core.Input}],dueDate:[{type:core.Input}],time:[{type:core.Input}],asideItems:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}]},TimedNoticeComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-timed-notice",template:'\n
\n \n
\n
\n \n \n \n
{{ dueDate }}
\n
{{ time }}
\n \n \n \n {{ title }}\n \n \n \n \n \n \n \n
\n {{ asideItems[0].label }}\n
\n \n \n \n {{ asideItem.label }}\n \n \n \n \n \n \n
\n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==timed_notice_severity_to_icon_pipe.O&&timed_notice_severity_to_icon_pipe.O)?_a:Object])],TimedNoticeComponent)},"./libs/ui/src/lib/toast/overlay.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>Overlay});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),_toast_container_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/toast/toast-container.component.ts");let Overlay=class Overlay{constructor(appRef,injector,document){this.appRef=appRef,this.injector=injector,this.document=document}ngOnDestroy(){this.containerRef&&this.containerRef.destroy()}getContainerElement(){return this.containerRef||this.createContainer(),this.containerRef}createContainer(){this.containerRef=(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.createComponent)(_toast_container_component__WEBPACK_IMPORTED_MODULE_0__.J,{environmentInjector:this.appRef.injector,elementInjector:this.injector}),this.appRef.attachView(this.containerRef.hostView);const domElement=this.containerRef.hostView.rootNodes[0];this.document.body.appendChild(domElement)}};Overlay.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ApplicationRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injector},{type:Document,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.K0]}]}],Overlay=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"}),(0,tslib__WEBPACK_IMPORTED_MODULE_3__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ApplicationRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ApplicationRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injector&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injector)?_b:Object,"function"==typeof(_c="undefined"!=typeof Document&&Document)?_c:Object])],Overlay)},"./libs/ui/src/lib/toast/toast-config.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$e:()=>TOAST_CONFIG,PR:()=>ToastPackage,Qn:()=>DefaultToastConfig});var _angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const DefaultToastConfig={timeOut:5e3,toastTypes:{error:"cvi-toast--appearance-error",info:"cvi-toast--appearance-info",success:"cvi-toast--appearance-success",warning:"cvi-toast--appearance-warning"},progressBar:!0,easeTime:300,extendedTimeOut:1e3},TOAST_CONFIG=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken("ToastConfig");class ToastPackage{constructor(id,config,toastType,title,message){this.id=id,this.config=config,this.toastType=toastType,this.title=title,this.message=message}}},"./libs/ui/src/lib/toast/toast-container.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>ToastContainerComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToastContainerComponent=class ToastContainerComponent{get hostClasses(){return"cvi-toast-container"}};ToastContainerComponent.propDecorators={hostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ToastContainerComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-toast-container",template:"",changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush})],ToastContainerComponent)},"./libs/ui/src/lib/toast/toast.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>ToastComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),toast_service=__webpack_require__("./libs/ui/src/lib/toast/toast.service.ts"),toast_config=__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts"),animations=__webpack_require__("./node_modules/@angular/animations/fesm2020/animations.mjs");let ToastComponent=class ToastComponent{constructor(toastService,toastPackage,cd){this.toastService=toastService,this.toastPackage=toastPackage,this.cd=cd,this.toastClasses="",this.progressBarWidth=-1,this.animationStartTime=-1,this.animationFrameRequestId=-1,this.animationTimeOutLength=-1,this.state={value:"inactive",params:{easeTime:this.toastPackage.config.easeTime}},this.role="alert",this.ariaLive="assertive",this.ariaAtomic="true",this.toastClasses=`cvi-toast ${toastPackage.toastType}`}get hostClasses(){return`cvi-toast ${this.toastPackage.toastType}`}ngAfterViewInit(){this.animationTimeOutLength=this.toastPackage.config.timeOut,this.timeout=setTimeout((()=>this.remove()),this.animationTimeOutLength),this.animateProgressBar(performance.now()),this.state=Object.assign(Object.assign({},this.state),{value:"active"})}tapToast(){this.remove()}keepToastAround(){"removed"!==this.state.value&&(clearTimeout(this.timeout),cancelAnimationFrame(this.animationFrameRequestId),this.animationFrameRequestId=-1,this.animationStartTime=-1,this.progressBarWidth=0)}delayedHideToast(){this.animationTimeOutLength=this.toastPackage.config.extendedTimeOut,this.timeout=setTimeout((()=>this.remove()),this.animationTimeOutLength),this.animateProgressBar(performance.now())}get message(){return this.toastPackage.message}get title(){return this.toastPackage.title}get progressBar(){return this.toastPackage.config.progressBar}get isSuccessToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.success}get isInfoToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.info}get isWarningToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.warning}get isErrorToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.error}remove(){"removed"!==this.state.value&&(clearTimeout(this.timeout),cancelAnimationFrame(this.animationFrameRequestId),this.animationFrameRequestId=-1,this.state=Object.assign(Object.assign({},this.state),{value:"removed"}),setTimeout((()=>this.toastService.remove(this.toastPackage.id)),this.toastPackage.config.easeTime))}animateProgressBar(timestamp){this.animationFrameRequestId=requestAnimationFrame(this.animateProgressBar.bind(this)),this.animationStartTime>0?(this.progressBarWidth=100-100*Math.min((timestamp-this.animationStartTime)/this.animationTimeOutLength,100),this.cd.markForCheck()):this.animationStartTime=timestamp}};ToastComponent.ctorParameters=()=>[{type:toast_service.k},{type:toast_config.PR},{type:core.ChangeDetectorRef}],ToastComponent.propDecorators={state:[{type:core.HostBinding,args:["@fade"]}],role:[{type:core.HostBinding,args:["attr.role"]}],ariaLive:[{type:core.HostBinding,args:["attr.aria-live"]}],ariaAtomic:[{type:core.HostBinding,args:["attr.aria-atomic"]}],hostClasses:[{type:core.HostBinding,args:["class"]}],tapToast:[{type:core.HostListener,args:["click"]}],keepToastAround:[{type:core.HostListener,args:["mouseenter"]}],delayedHideToast:[{type:core.HostListener,args:["mouseleave"]}]},ToastComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-toast",template:'

\n \n \n \n \n
{{ title }}
\n \n

\n
\n {{ message }}\n
\n
\n',animations:[(0,animations.X$)("fade",[(0,animations.SB)("inactive",(0,animations.oB)({opacity:0})),(0,animations.SB)("active",(0,animations.oB)({opacity:1})),(0,animations.SB)("removed",(0,animations.oB)({opacity:0})),(0,animations.eR)("inactive => active",(0,animations.jt)("{{ easeTime }}ms ease-in")),(0,animations.eR)("active => removed",(0,animations.jt)("{{ easeTime }}ms ease-in"))])],changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==toast_service.k&&toast_service.k)?_a:Object,"function"==typeof(_b=void 0!==toast_config.PR&&toast_config.PR)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object])],ToastComponent)},"./libs/ui/src/lib/toast/toast.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>ToastService});var _a,_b,_c,_d,tslib__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_overlay__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/toast/overlay.ts"),_toast_component__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/toast/toast.component.ts"),_toast_config__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts");let ToastService=class ToastService{constructor(token,overlay,injector,appRef){this.overlay=overlay,this.injector=injector,this.appRef=appRef,this.toasts=[],this.nextUniqueId=0,this.toastConfig=Object.assign(Object.assign({},token.default),token.config)}success(title,message){const type=this.toastConfig.toastTypes.success;return this.buildAndDisplayNotification(type,title,message)}info(title,message){const type=this.toastConfig.toastTypes.info;return this.buildAndDisplayNotification(type,title,message)}warning(title,message){const type=this.toastConfig.toastTypes.warning;return this.buildAndDisplayNotification(type,title,message)}error(title,message){const type=this.toastConfig.toastTypes.error;return this.buildAndDisplayNotification(type,title,message)}buildAndDisplayNotification(toastType,title,message){const toastPackage=new _toast_config__WEBPACK_IMPORTED_MODULE_2__.PR(this.nextUniqueId++,this.toastConfig,toastType,title,message),toastInjector=_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector.create({providers:[{provide:_toast_config__WEBPACK_IMPORTED_MODULE_2__.PR,useValue:toastPackage}],parent:this.injector}),toastComponentRef=(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.createComponent)(_toast_component__WEBPACK_IMPORTED_MODULE_1__.q,{environmentInjector:this.appRef.injector,elementInjector:toastInjector}),toast={id:toastPackage.id,title:title||"",message:message||"",componentRef:toastComponentRef};this.toasts.push(toast);const containerElement=this.overlay.getContainerElement().location.nativeElement;return containerElement.insertBefore(this.getComponentRootNode(toastComponentRef),containerElement.firstChild),this.appRef.attachView(toastComponentRef.hostView),toast}remove(toastId){const toastIndex=this.findToast(toastId);if(-1===toastIndex)return;this.toasts.splice(toastIndex,1)[0].componentRef.destroy()}findToast(id){return this.toasts.findIndex((toast=>toast.id===id))}getComponentRootNode(componentRef){return componentRef.hostView.rootNodes[0]}};ToastService.ctorParameters=()=>[{type:void 0,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Inject,args:[_toast_config__WEBPACK_IMPORTED_MODULE_2__.$e]}]},{type:_overlay__WEBPACK_IMPORTED_MODULE_0__.a},{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector},{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ApplicationRef}],ToastService=(0,tslib__WEBPACK_IMPORTED_MODULE_4__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injectable)({providedIn:"root"}),(0,tslib__WEBPACK_IMPORTED_MODULE_4__.w6)("design:paramtypes",["function"==typeof(_a="undefined"!=typeof ToastToken&&ToastToken)?_a:Object,"function"==typeof(_b=void 0!==_overlay__WEBPACK_IMPORTED_MODULE_0__.a&&_overlay__WEBPACK_IMPORTED_MODULE_0__.a)?_b:Object,"function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector&&_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector)?_c:Object,"function"==typeof(_d=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_3__.ApplicationRef&&_angular_core__WEBPACK_IMPORTED_MODULE_3__.ApplicationRef)?_d:Object])],ToastService)},"./libs/ui/src/lib/tooltip/tooltip.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>TooltipComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TooltipComponent=class TooltipComponent{constructor(){this.message="",this.left=0,this.top=0,this.arrowLeft=0,this.arrowTop=0}get getHostClasses(){return"cvi-tooltip"}};TooltipComponent.propDecorators={message:[{type:core.Input}],left:[{type:core.Input}],top:[{type:core.Input}],arrowLeft:[{type:core.Input}],arrowTop:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},TooltipComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tooltip",template:'
\n {{message}}\n
\n
\n'})],TooltipComponent)},"./libs/ui/src/lib/tooltip/tooltip.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>TooltipDirective});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),_tooltip_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts");let TooltipDirective=class TooltipDirective{constructor(elementRef,viewContainerRef,document){this.elementRef=elementRef,this.viewContainerRef=viewContainerRef,this.document=document,this.cviNgTooltip="",this.componentRef=null}onMouseEnter(){if(null===this.componentRef){this.componentRef=this.viewContainerRef.createComponent(_tooltip_component__WEBPACK_IMPORTED_MODULE_0__.K),this.setTooltipComponentProperties();const domElement=this.componentRef.hostView.rootNodes[0];this.document.body.appendChild(domElement),setTimeout((()=>this.reposition()),0)}}setTooltipOutOfView(){null!==this.componentRef&&(this.componentRef.instance.left=-500,this.componentRef.instance.top=-500,this.componentRef.instance.arrowLeft=-500,this.componentRef.instance.arrowTop=-500)}setTooltipComponentProperties(){null!==this.componentRef&&(this.componentRef.instance.message=this.cviNgTooltip,this.setTooltipOutOfView())}reposition(){var _a;const{left,right,top}=this.elementRef.nativeElement.getBoundingClientRect(),elementCenter=(right+left)/2;if(void 0!==(null===(_a=this.componentRef)||void 0===_a?void 0:_a.location.nativeElement.children[0].getBoundingClientRect())){const{width,height}=this.componentRef.location.nativeElement.children[0].getBoundingClientRect();let tooltipPositionX,tooltipPositionY,tooltipArrowPositionX,tooltipArrowPositionY;elementCenter[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:Document,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.K0]}]}],TooltipDirective.propDecorators={cviNgTooltip:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],onMouseEnter:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["mouseleave"]}],onMouseClick:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["click",["$event"]]}]},TooltipDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgTooltip]",exportAs:"cviNgTooltip"}),(0,tslib__WEBPACK_IMPORTED_MODULE_3__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_b:Object,"function"==typeof(_c="undefined"!=typeof Document&&Document)?_c:Object])],TooltipDirective)},"./libs/ui/src/lib/track/track.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>TrackComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TrackComponent=class TrackComponent{constructor(){this.gap=0,this.layout="flex",this.flexColumnsEqual=!1,this.horizontalAlignment="normal",this.verticalAlignment="normal",this.flexDirection="horizontal",this.flexIsMultiline=!1}get hostCSSPropGridRows(){return this.gridRows?`${this.gridRows}`:null}get hostCSSPropHorizontalAlignment(){return this.horizontalAlignment?`\n ${"normal"===this.horizontalAlignment?"normal":""}\n ${"left"===this.horizontalAlignment?"flex-start":""}\n ${"right"===this.horizontalAlignment?"flex-end":""}\n ${"center"===this.horizontalAlignment?"center":""}\n ${"justify"===this.horizontalAlignment?"space-between":""}\n `:null}get hostCSSPropVerticalAlignment(){return"normal"!==this.verticalAlignment?`\n ${"top"===this.verticalAlignment?"flex-start":""}\n ${"center"===this.verticalAlignment?"center":""}\n ${"bottom"===this.verticalAlignment?"flex-end":""}\n `:null}get hostCSSPropIsMultiline(){return"flex"===this.layout&&this.flexIsMultiline?"wrap":null}get hostClasses(){return`cvi-track cvi-track--direction-${this.getHostDirection()}${"grid"===this.layout?" cvi-track--layout-grid":" cvi-track--layout-flex"}${this.flexColumnsEqual?" cvi-track--items-have-equal-width":""}${this.gridRows?" cvi-track--has-rows":""}`}getHostDirection(){return"verticalOnMobile"===this.flexDirection?"vertical-on-mobile":"verticalReverseOnMobile"===this.flexDirection?"vertical-reversed-on-mobile":this.flexDirection}};TrackComponent.propDecorators={gap:[{type:core.HostBinding,args:["style.--gap"]},{type:core.Input}],layout:[{type:core.Input}],flexColumnsEqual:[{type:core.Input}],hostCSSPropGridRows:[{type:core.HostBinding,args:["style.--rows"]}],gridRows:[{type:core.Input}],hostCSSPropHorizontalAlignment:[{type:core.HostBinding,args:["style.--horizontal-alignment"]}],horizontalAlignment:[{type:core.Input}],hostCSSPropVerticalAlignment:[{type:core.HostBinding,args:["style.--vertical-alignment"]}],verticalAlignment:[{type:core.Input}],flexDirection:[{type:core.Input}],hostCSSPropIsMultiline:[{type:core.HostBinding,args:["style.--wrap"]}],flexIsMultiline:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}]},TrackComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-track",template:"\n"})],TrackComponent)},"./libs/ui/src/lib/ui.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>UiModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),circle_component=__webpack_require__("./libs/ui/src/lib/circle/circle.component.ts"),to_step_circle_icon_name_pipe=__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts"),to_step_circle_severity_pipe=__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts"),track_component=__webpack_require__("./libs/ui/src/lib/track/track.component.ts"),content_container_component=__webpack_require__("./libs/ui/src/lib/content-container/content-container.component.ts"),content_panel_component=__webpack_require__("./libs/ui/src/lib/content-panel/content-panel.component.ts"),button_component=__webpack_require__("./libs/ui/src/lib/button/button.component.ts"),status_badge_component=__webpack_require__("./libs/ui/src/lib/status-badge/status-badge.component.ts"),form_item_component=__webpack_require__("./libs/ui/src/lib/form-item/form-item.component.ts"),input_component=__webpack_require__("./libs/ui/src/lib/input/input.component.ts"),radio_group_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts"),radio_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts"),icon_component=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts"),labeled_icon_component=__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts"),steps_component=__webpack_require__("./libs/ui/src/lib/steps/steps/steps.component.ts"),step_component=__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts"),step_panel_component=__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts"),feedback_component=__webpack_require__("./libs/ui/src/lib/feedback/feedback/feedback.component.ts"),textarea_component=__webpack_require__("./libs/ui/src/lib/textarea/textarea.component.ts"),option_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/option-button/option-button.component.ts"),text_field=__webpack_require__("./node_modules/@angular/cdk/fesm2020/text-field.mjs"),accordion_component=__webpack_require__("./libs/ui/src/lib/accordion/accordion.component.ts"),accordion_item_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts"),accordion_content_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts"),accordion_title_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts"),accordion_header_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts"),html_section_component=__webpack_require__("./libs/ui/src/lib/html-section/html-section.component.ts"),safe_html_pipe=__webpack_require__("./libs/ui/src/lib/html-section/safe-html-pipe.ts"),notification_component=__webpack_require__("./libs/ui/src/lib/notification/notification.component.ts"),notification_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts"),icons_registry_service=__webpack_require__("./libs/ui/src/lib/icons/icons-registry.service.ts"),icons=__webpack_require__("./dist/libs/icons/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),breadcrumbs_component=__webpack_require__("./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts"),select_component=__webpack_require__("./libs/ui/src/lib/select/select.component.ts"),select_navigation_directive=__webpack_require__("./libs/ui/src/lib/select/select-navigation.directive.ts"),select_templates_directive=__webpack_require__("./libs/ui/src/lib/select/select-templates.directive.ts"),data_attribute_directive=__webpack_require__("./libs/ui/src/lib/directives/data-attribute.directive.ts"),tooltip_component=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts"),tooltip_directive=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.ts"),tab_component=__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),tab_group_component=__webpack_require__("./libs/ui/src/lib/tabs/tab-group.component.ts"),tabs_component=__webpack_require__("./libs/ui/src/lib/tabs/tabs.component.ts"),toast_config=__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts"),toast_component=__webpack_require__("./libs/ui/src/lib/toast/toast.component.ts"),toast_container_component=__webpack_require__("./libs/ui/src/lib/toast/toast-container.component.ts"),character_counter_component=__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.component.ts"),character_counter_directive=__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.directive.ts"),toc_section_directive=__webpack_require__("./libs/ui/src/lib/table-of-contents/toc-section.directive.ts"),generated_table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts"),table_of_contents_wrapper_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts"),table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts"),table_of_contents_item_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts"),modal_component=__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts"),modal_directive=__webpack_require__("./libs/ui/src/lib/modal/modal.directive.ts"),confirmation_modal_component=__webpack_require__("./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts"),a11y=__webpack_require__("./node_modules/@angular/cdk/fesm2020/a11y.mjs"),reorderable_list_component=__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts"),reorderable_list_item_component=__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts"),table_component=__webpack_require__("./libs/ui/src/lib/table/table.component.ts"),body_cell_component=__webpack_require__("./libs/ui/src/lib/table/body-cell/body-cell.component.ts"),header_cell_component=__webpack_require__("./libs/ui/src/lib/table/header-cell/header-cell.component.ts"),screenreader_text_component=__webpack_require__("./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts"),datepicker_component=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker.component.ts"),datepicker_calendar_component=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-calendar.component.ts"),datepicker_label_config_token=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js");var _a,timed_notice_component=__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice.component.ts"),timed_notice_severity_to_icon_pipe=__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts"),form_message_directive=__webpack_require__("./libs/ui/src/lib/form-message/form-message.directive.ts"),form_message_component=__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts"),form_message_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts");const components=[track_component.W,content_container_component.G,content_panel_component.D,status_badge_component.e,button_component.r,input_component.a,form_item_component.J,icon_component.o,labeled_icon_component.K,steps_component.G,step_component.B,step_panel_component.w,radio_group_component.w,radio_button_component._,option_button_component.h,feedback_component.A,textarea_component.R,html_section_component.r,accordion_component.Z,accordion_item_directive.u,accordion_content_directive.q,accordion_title_directive.g,accordion_header_directive.f,toc_section_directive.I,table_of_contents_wrapper_component.u,table_of_contents_component.q,table_of_contents_item_component.j,generated_table_of_contents_component.w,notification_component.c,breadcrumbs_component.n,select_component.H,select_navigation_directive.a,select_templates_directive.b,select_templates_directive._,data_attribute_directive.v,tooltip_component.K,tooltip_directive.i,tab_component.i,tab_group_component.Q,tabs_component.n,toast_component.q,toast_container_component.J,character_counter_component.V,character_counter_directive.$,modal_component.z,modal_directive.o,confirmation_modal_component.Y,reorderable_list_component.P,reorderable_list_item_component.O,table_component.a,screenreader_text_component.G,body_cell_component.M,header_cell_component.V,datepicker_component.Q,datepicker_calendar_component.F,timed_notice_component.a,form_message_component.K,form_message_directive.p,circle_component.H],pipes=[safe_html_pipe.z,notification_severity_to_header_icon_pipe.b,timed_notice_severity_to_icon_pipe.O,form_message_severity_to_header_icon_pipe.C,to_step_circle_severity_pipe.T,to_step_circle_icon_name_pipe._],directives=[data_attribute_directive.v];let UiModule=class UiModule{constructor(registry){this.registry=registry,this.registry.registerIcons([icons.cviCall,icons.cviClose,icons.cviInfo,icons.cviCheckCircleOutline,icons.cviCheck,icons.cviWarningAmber,icons.cviErrorOutline,icons.cviLoupe,icons.cviArrowALeft,icons.cviArrowARight,icons.cviArrowBLeft,icons.cviArrowBRight,icons.cviSadFace,icons.cviHappyFace,icons.cviScreenShare,icons.cviSuccess,icons.cviEmail,icons.cviLocation,icons.cviArrowDown,icons.cviArrowUp,icons.cviEditSimple,icons.cviArrowUpAlt,icons.cviArrowDownAlt,icons.cviCalendar,icons.cviInputError,icons.cviOpenInNew,icons.cviFilter])}};UiModule.ctorParameters=()=>[{type:icons_registry_service.Z}],UiModule=(0,tslib_es6.gn)([(0,core.NgModule)({imports:[common.ez,text_field.Ky,fesm2020_forms.ReactiveFormsModule,fesm2020_forms.FormsModule,a11y.rt],declarations:[...components,...pipes],exports:[...components,...pipes,...directives],providers:[...pipes,{provide:toast_config.$e,useValue:{default:toast_config.Qn}},{provide:datepicker_label_config_token.c,useValue:new class DefaultDatepickerLabelConfig{getDayShorthandLabels(){return(0,of.of)(["E","T","K","N","R","L","P"])}getDayFullLabels(){return(0,of.of)(["Esmaspäev","Teisipäev","Kolmapäev","Neljapäev","Reede","Laupäev","Pühapäev"])}getMonthLabels(){return(0,of.of)(["Jaanuar","Veebruar","Märts","Aprill","Mai","Juuni","Juuli","August","September","Oktoober","November","Detsember"])}getScreenReaderLabel(){return(0,of.of)("Vali kuupäev")}getScreenReaderDescription(){return(0,of.of)("Nõutud kuupäeva formaat: dd.MM.yyyy")}}}]}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==icons_registry_service.Z&&icons_registry_service.Z)?_a:Object])],UiModule)},"./libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>hierarchical_box_diagram_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),src=__webpack_require__("./node_modules/d3/src/index.js");let HierarchicalBoxDiagramComponent=class HierarchicalBoxDiagramComponent{constructor(elementRef,ngZone,cdRef){this.elementRef=elementRef,this.ngZone=ngZone,this.cdRef=cdRef,this.ariaLabel="Hierarchical box diagram",this.svg=null}ngOnChanges(changes){var _a;(null===(_a=changes.boxes)||void 0===_a?void 0:_a.currentValue)&&this.createDiagram()}ngOnDestroy(){this.removeSvg()}onResize(){this.createDiagram()}createDiagram(){this.ngZone.runOutsideAngular((()=>{this.setupDiagram(),this.cdRef.markForCheck()}))}setupDiagram(){this.removeSvg(),this.createSvg(),this.calculateBoxDimensions(),this.drawGraph()}drawGraph(){const{rootNode,additionalLinks}=this.toHierarchy(this.boxes);if(!rootNode)return;const root=src.bT9(rootNode),containerWidth=this.container.nativeElement.clientWidth,containerHeight=this.container.nativeElement.clientHeight,{BOX_PARAMS}=HierarchicalBoxDiagramComponent,rootWidth=1.5*BOX_PARAMS.MAX_BOX_WIDTH,hierarchy=(0,src.G_s)().size([containerHeight,containerWidth-rootWidth]).separation(((a,b)=>this.calculateSeparation(a,b)))(root),nodes=hierarchy.descendants();for(let i=0;ithis.mapLinkToNodes(link,nodes))),combinedLinks=links.concat(additionalMappedLinks);this.drawLines(combinedLinks),this.drawBoxes(nodes)}createSvg(){const containerWidth=this.container.nativeElement.clientWidth,containerHeight=this.container.nativeElement.clientHeight,{BOX_PARAMS}=HierarchicalBoxDiagramComponent,viewBoxX=-BOX_PARAMS.MAX_BOX_WIDTH/1.5;this.svg=src.Ys(this.container.nativeElement).append("svg").attr("width","100%").attr("height","100%").attr("viewBox",`${viewBoxX} 0 ${containerWidth} ${containerHeight}`)}drawLines(links){this.svg.selectAll(".link").data(links).enter().append("path").attr("class","link").attr("d",this.calculateLinkPath).attr("fill","none").attr("stroke","#D2D3D8").attr("stroke-width",2)}calculateLinkPath(d){const sourceX=d.source.y,sourceY=d.source.x,targetX=d.target.y,targetY=d.target.x,midXSource=sourceX,midYSource=(sourceY+sourceY+d.source.height)/2,midXTarget=targetX,midYTarget=(targetY+targetY+d.target.height)/2;return sourceYtargetY?`M ${sourceX} ${sourceY} L ${midXSource} ${midYSource} L ${midXSource} ${midYTarget} L ${midXTarget} ${midYTarget} L ${targetX} ${targetY}`:`M ${sourceX} ${sourceY} L ${targetX} ${targetY}`}drawBoxes(nodes){const boxAnchor=this.svg.selectAll(".box").data(nodes).enter().append("g").attr("class","box").attr("transform",(d=>`translate(${d.y},${d.x})`)).append("a").each((function(d){const href=d.data.data.href;href&&src.Ys(this).attr("href",href)}));boxAnchor.append("title").text((d=>`Diagram box for ${d.data.data.label}`)),boxAnchor.attr("tabindex","0");const idToLabelLookup=nodes.reduce(((acc,boxNode)=>(acc[boxNode.data.data.id]=boxNode.data.data.label,acc)),{});boxAnchor.append("desc").text((d=>{let description=`Box labeled ${d.data.data.label}.`;if(d.parent&&(description+=` This box is a child of ${d.parent.data.data.label}.`),d.data.data.targets&&d.data.data.targets.length>0){description+=` This box links to boxes labeled: ${d.data.data.targets.map((targetId=>idToLabelLookup[targetId]||targetId)).join(", ")}.`}return description})),boxAnchor.append("rect").attr("x",(d=>-(d.data.data.width||100)/2)).attr("y",(d=>-(d.data.data.height||50)/2)).attr("width",(d=>d.data.data.width||100)).attr("height",(d=>d.data.data.height||50)).attr("rx",5).attr("ry",5).attr("fill",(d=>d.data.data.color)).attr("stroke",(d=>"dotted"===d.data.data.borderStyle||"solid"===d.data.data.borderStyle?d.data.data.borderColor||this.darkenColor(d.data.data.color):"none")).attr("stroke-dasharray",(d=>"dotted"===d.data.data.borderStyle?"4,5":"")).attr("stroke-width",2);const{BOX_PARAMS}=HierarchicalBoxDiagramComponent;boxAnchor.append("foreignObject").attr("x",(d=>-(d.data.data.width||100)/2)).attr("y",(d=>-(d.data.data.height||50)/2)).attr("width",(d=>d.data.data.width||100)).attr("height",(d=>d.data.data.height||50)).html((d=>`
${d.data.data.label}
`)).style("font-size",BOX_PARAMS.FONT_SIZE).style("line-height",BOX_PARAMS.LINE_HEIGHT)}toHierarchy(boxes){const nodeMap={},additionalLinks=[];boxes.forEach((box=>nodeMap[box.id]={data:box}));const rootNode=nodeMap[1],queue=[rootNode];for(;queue.length;){const currentNode=queue.shift();(null==currentNode?void 0:currentNode.data.targets)&&(currentNode.children=[],currentNode.data.targets.forEach((targetId=>{var _a;if(!nodeMap[targetId])return;const childNode=nodeMap[targetId];if(childNode.parent){const link={source:currentNode.data.id,target:childNode.data.id};this.linkExists(additionalLinks,link)||additionalLinks.push(link)}else childNode.parent=currentNode,null===(_a=currentNode.children)||void 0===_a||_a.push(childNode),queue.push(childNode)})))}return{rootNode,additionalLinks}}linkExists(links,link){return links.some((l=>l.source===link.source&&l.target===link.target||l.source===link.target&&l.target===link.source))}calculateBoxDimensions(){var _a;const{PADDING,BOX_PARAMS}=HierarchicalBoxDiagramComponent,MAX_WIDTH=BOX_PARAMS.MAX_BOX_WIDTH,measureDiv=null===(_a=this.measureDiv)||void 0===_a?void 0:_a.nativeElement;measureDiv.style.boxSizing="border-box",measureDiv.style.fontSize=BOX_PARAMS.FONT_SIZE,measureDiv.style.lineHeight=BOX_PARAMS.LINE_HEIGHT,measureDiv.style.fontFamily=BOX_PARAMS.FONT_FAMILY,this.boxes.forEach((box=>{measureDiv.innerHTML=box.label;const rect=measureDiv.getBoundingClientRect(),width=rect.width,initialHeight=rect.height,renderedText=measureDiv.innerText||measureDiv.textContent;if(!/\s/.test(renderedText)&&width>MAX_WIDTH)box.width=width,box.height=initialHeight+PADDING.VERTICAL;else if(width>MAX_WIDTH){const overflowRatio=width/MAX_WIDTH;box.width=MAX_WIDTH+PADDING.HORIZONTAL,box.height=initialHeight*overflowRatio+PADDING.VERTICAL}else box.width=width+PADDING.HORIZONTAL,box.height=initialHeight+PADDING.VERTICAL;measureDiv.innerHTML="",measureDiv.removeAttribute("style")}))}darkenColor(color,percent=-40){const num=parseInt(color.slice(1),16),amt=Math.round(2.55*percent);return"#"+(1<<24|(num>>16)+amt<<16|(num>>8&255)+amt<<8|(255&num)+amt).toString(16).slice(1).toUpperCase()}mapLinkToNodes(link,nodes){return{source:nodes.find((node=>node.data.data.id===link.source)),target:nodes.find((node=>node.data.data.id===link.target))}}calculateSeparation(a,b){const{BOX_PARAMS}=HierarchicalBoxDiagramComponent,additionalSeparation=Math.abs(a.x-b.x)second.y-halfWidth2&&first.y-halfWidth1second.x-halfHeight2&&first.x-halfHeight1[{type:core.ElementRef},{type:core.NgZone},{type:core.ChangeDetectorRef}],HierarchicalBoxDiagramComponent.propDecorators={measureDiv:[{type:core.ViewChild,args:["measureDiv",{static:!0}]}],container:[{type:core.ViewChild,args:["container",{static:!0}]}],boxes:[{type:core.Input}],ariaLabel:[{type:core.Input}],onResize:[{type:core.HostListener,args:["window:resize",["$event"]]}]},HierarchicalBoxDiagramComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-hierarchical-box-diagram",template:'
\n
\n',encapsulation:core.ViewEncapsulation.None,changeDetection:core.ChangeDetectionStrategy.OnPush,styles:["a:hover {\n text-decoration: none;\n}\n\n.hidden-measure-helper {\n position: absolute;\n top: -10000px;\n visibility: hidden;\n}\n\n.svg-diagram-container {\n height: 100%;\n position: absolute;\n width: 100%;\n}\n\n.box-content {\n align-items: center;\n border-width: 1px;\n display: flex;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n text-align: center;\n width: 100%;\n word-wrap: break-word;\n}\n\n.box-content.border-none {\n border-style: none;\n}\n\n.box-content.border-dotted {\n border-style: dotted;\n}"]}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ElementRef&&core.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==core.NgZone&&core.NgZone)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object])],HierarchicalBoxDiagramComponent);const hierarchical_box_diagram_component_stories={title:"Angular Diagrams/Hierarchical Box Diagram",component:HierarchicalBoxDiagramComponent,decorators:[(0,client.moduleMetadata)({imports:[]})],parameters:{notes:"## General Description\n\n| Feature | Description |\n|----------|-------------------------------------------|\n| Angular Component | `HierarchicalBoxDiagramComponent` |\n| Corresponding Typescript Class | `HierarchicalBoxDiagramComponent` |\n| Permitted Parent/Ancestors | Any |\n| Permitted Angular Components as Children | None |\n\n## Where to Use\n\nThis component is designed to display a diagram that illustrates hierarchical relationships between different elements. It's useful in scenarios like visualizing workflows, decision trees, or file system structures.\n\n## How to Use\n\n### In Angular Template\n\nAdd the `cvi-ng-hierarchical-box-diagram` tag to your HTML template:\n\n```html\n\n```\n\n### In TypeScript\n\nDefine a `boxes` array within your Angular component's TypeScript file. Then bind it to the `[boxes]` input attribute of the `cvi-ng-hierarchical-box-diagram` component.\n\n```typescript\nboxes = [\n{\nid: '1',\nhref: 'https://example.com/1',\nlabel: '

Health concern

',\ntargets: ['2', '7'],\n// ...additional style properties\n},\n// ...other boxes\n];\n```\n\n### Box Properties\n\nEach object in the `boxes` array must include:\n\nid: string;\nlabel: string;\ncolor: string;\nborderStyle: 'none' | 'dotted' | 'solid';\nborderColor?: string;\ntargets?: string[];\nhref?: string;\n\n- `id`: A unique identifier for each box.\n- `label`: The label to display inside the box.\n- `color`: A color for the box fill. Valid values are all hex and color codes.\n\n- Each object in the boxes array may define:\n- `targets`: An array of `id`s representing target boxes that this box connects to. Optional.\n- `href`: The URL to which the box links. Since the label can be html then the user can make specific parts of the label as links and not use this option if the goal is to have embedded links. Optional.\n- `borderColor`: A color for the border, default is the same as the box color. Valid values are all hex and color codes. Optional.\n- `borderStyle`: A style for the border, default is none. Allowed values 'none', 'dotted', 'solid'. Optional.\n\n#### Example\n\n```typescript\n{\nid: '1',\ncolor: '#F0F0F2'\nhref: 'https://example.com/1',\nlabel: '

Health concern

',\ntargets: ['2', '7'],\nborderStyle: 'solid'\nborderColor: '#D73E3E'\n},\n{\nid: '2',\ncolor: '#F0F0F2'\nhref: 'https://example.com/2',\nlabel: '

Health concern 2

',\ntargets: [],\nborderStyle: 'solid'\nborderColor: '#D73E3E'\n},\n{\nid: '7',\ncolor: '#F0F0F2'\nhref: 'https://example.com/7',\nlabel: '

Health concern 7

',\ntargets: [],\nborderStyle: 'solid'\nborderColor: '#D73E3E'\n}\n```\n\nThis creates a single box with a solid red border, linking to `https://example.com/1`, and labeled as \"Health concern.\".\nThe first box is connected to two other boxes with id's 2 and 7.\n---\n\nFeel free to modify, extend, or customize your `boxes` array as needed for your specific use-case.\n",layout:"fullscreen",backgrounds:{default:"default",values:[{name:"default",value:"#ffffff"}]},viewport:{defaultViewport:"custom",viewports:{custom:{name:"Custom Viewport",styles:{width:"800px",height:"400px"}}}}}},Default=(args=>({props:args})).bind({});function baseBoxStyles(color,borderStyle="none",borderColor="transparent"){return{color,borderStyle,borderColor}}function dottedBoxStyles(color,borderColor){return Object.assign({},baseBoxStyles(color,"dotted",borderColor))}Default.args={boxes:[Object.assign(Object.assign({},baseBoxStyles("#F0F0F2","solid","#D73E3E")),{id:"1",href:"https://example.com/1",label:'

Health concern

',targets:["2","7"]}),...function defaultBoxes(boxes){return boxes.map((box=>Object.assign(Object.assign({},baseBoxStyles("#FFF1D3")),box)))}([{id:"2",href:"https://example.com/2",label:"I have a minor health issue",targets:["3","4","5"]},{id:"3",href:"https://example.com/3",label:"Pharmacy"},{id:"4",href:"https://example.com/4",label:"Helpline 1220"},{id:"5",href:"https://example.com/5",label:"Family doctor",targets:["6","9"]}]),Object.assign(Object.assign({},dottedBoxStyles("#B9D2E5","#3B85BD")),{id:"6",href:"https://example.com/6",label:"Specialist doctor",targets:["9"]}),Object.assign(Object.assign({},baseBoxStyles("#CECFD8")),{id:"9",href:"https://example.com/9",label:"Conclusions/Referrals",targets:["10","11"]}),Object.assign(Object.assign({},dottedBoxStyles("#ECF4EF","#399E43")),{id:"10",href:"https://example.com/10",label:"Treatment at home"}),Object.assign(Object.assign({},baseBoxStyles("#FBEDED")),{id:"7",href:"https://example.com/7",label:"I have an acute health issue and need emergency care",targets:["8"]}),Object.assign(Object.assign({},baseBoxStyles("#FCEEEE")),{id:"8",href:"https://example.com/8",label:"Call 112 or go to ER",targets:["11"]}),Object.assign(Object.assign({},dottedBoxStyles("#FCEEEE","#D73E3E")),{id:"11",href:"https://example.com/11",label:"Hospitalization",targets:["9"]})]}},"./libs/ui/src/lib/accordion/accordion.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithCustomHeader:()=>WithCustomHeader,WithHTMLInTitle:()=>WithHTMLInTitle,default:()=>accordion_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js");var ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const accordion_component_stories={title:"Angular/Accordion",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-accordion`\nComponent name | `AccordionComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-accordion-item`\n\n## Where to use\n\nUtilise when there is a need to display a list of questions with answers displayed in a compact way.\n\nCustom titles and custom headers can be used via `cviNgAccordionTitle` and `cviNgAccordionHeader` `ng-template` directives.\n"},args:{singleOpen:!0,content$:(0,from.D)([[{title:"I am the title of the first observable array element",content:"Content is irrelevant"},{title:"I am the title of the second observable array element",content:"This content is also irrelevant"}]]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(500)))))},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W]})]},Template=args=>({props:args,template:'\n \n \n \n

Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

\n \n \n \n \n Qua qua\n \n \n \n \n Howdy!\n \n \n \n \n One helluva content\n \n \n \n \n

{{elem.content}}

\n \n \n \n '}),Default=Template.bind({});Default.args={};const Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}};const WithHTMLInTitle=(args=>({props:args,template:'\n \n \n \n

Custom title with custom HTML and a flag

\n \n \n \n \n \n \n \n \n \n

Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

\n \n \n \n '})).bind({});WithHTMLInTitle.args={};const WithCustomHeader=(args=>({props:args,template:'\n \n \n \n

Custom header with custom HTML and a button

\n \n \n \n

Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

\n \n \n \n '})).bind({});WithCustomHeader.args={}},"./libs/ui/src/lib/accordion/accordion.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>accordion_html_stories});const accordion_html_stories={title:"HTML/Accordion",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-accordion`\nCorresponding Javascript component | `AccordionComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children of accordion items | any\n\n## Where to use\n\nUtilise when there is a need to display a list of questions with answers displayed in a compact way.\n\n## How to use\n\nAdd directly to HTML using `.cvi-accordion*` classes or `@include` mixin `@cvi-accordion` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
\n
    \n
  • \n
    \n \n
    \n
    \n
    \n

    An accordion

    \n
    \n
    \n
    • \n
  • \n
    \n \n
    \n
    \n
    \n Viimati muudetud 23.12.2023 | Teksti koostas Justiitsministeerium\n
    \n
    \n

    An accordion

    \n
    \n
    \n
    • \n
  • \n
    \n \n
    \n \n
    • \n
  • \n
    \n \n
    \n \n
    • \n
\n
\n '}),Default=Template.bind({});Default.args={};const Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>breadcrumbs_component_stories});const breadcrumbs_component_stories={title:"Angular/Breadcrumbs",component:__webpack_require__("./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts").n,parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-breadcrumbs`\n Component name | `BreadcrumbsComponent`\n Design system module | -\n Permitted parent/ancestors | any\n Permitted children | -\n\n## Where to use\n\nUse to show info about navigation.\n"},args:{breadcrumbs:[{title:"Avaleht",href:"/avaleht"},{title:"Ilma urlita samm"},{title:"Abiellumine",href:"/abiellumine"},{title:"Avalduse esitamine",href:"/abiellumine/avalduse-esitamine"}]}},Default=(args=>({props:args,template:'\n \n '})).bind({});Default.args={};const Mobile=(args=>({props:args,template:'\n \n \n '})).bind({});Mobile.args={iconName:"arrow_a_left"},Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>breadcrumbs_html_stories});const breadcrumbs_html_stories={title:"HTML/Breadcrumbs",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-breadcrumbs`\n Component name | `BreadcrumbsComponent`\n Design system module | -\n Permitted parent/ancestors | any\n Permitted children | -\n\n## Where to use\n\nUse to show info about navigation.\n\n## How to use\n\nAdd directly to HTML using `.cvi-breadcrumbs*` classes or `@include` mixin `@cvi-breadcrumbs` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
\n
\n \n \n \n \n \n \n
\n
\n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/button/button.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Secondary:()=>Secondary,Small:()=>Small,Text:()=>Text,TextWithoutUnderline:()=>TextWithoutUnderline,WithCustomColor:()=>WithCustomColor,WithIcon:()=>WithIcon,WithIconBefore:()=>WithIconBefore,WithIconSmall:()=>WithIconSmall,default:()=>button_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var button_component=__webpack_require__("./libs/ui/src/lib/button/button.component.ts"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const button_component_stories={title:"Angular/Button",component:button_component.r,parameters:{notes:'## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-button`\nComponent name | `ButtonComponent`\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | Phrasing content\n\n## Where to use\n\nDisplays a regular button. You can have it `disabled` or switch its visuals through `appearance` prop.\n\nYou can use `--cvi-button-color` and `--cvi-button-color--hover` CSS variables to customise the background color of the button with `appearance=primary` prop.\n\nYou can also utilise `--cvi-button--text-decoration` to remove the underline when `appearance="text"`.\n'},argTypes:{appearance:{name:"Appearance",options:["primary","secondary","text"],control:{type:"inline-radio"}},iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},content:{name:"Content",table:{category:"Playground"}},onClick:{action:"Button clicked!"}},args:{content:"Button label",appearance:"primary",disabled:!1}},Template=args=>({props:args,template:'\n {{ content }}\n '}),Default=Template.bind({});Default.args={};const Secondary=Template.bind({});Secondary.args={appearance:"secondary"};const Small=Template.bind({});Small.args={size:"s"};const Text=Template.bind({});Text.args={appearance:"text"};const WithIcon=Template.bind({});WithIcon.args={iconName:"add",iconPosition:"after"};const WithIconSmall=Template.bind({});WithIconSmall.args={size:"s",iconName:"add",iconPosition:"after"};const WithIconBefore=Template.bind({});WithIconBefore.args={iconName:"add",iconPosition:"before"};const WithCustomColor=(args=>({props:args,styles:[":host {\n --cvi-button-color: var(--cvi-color-jasper-10);\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\n }"],template:'\n \n {{ content }}\n \n '})).bind({}),TextWithoutUnderline=(args=>({props:args,styles:[":host {\n --cvi-button--text-decoration: none;\n }"],template:'\n \n {{ content }}\n \n '})).bind({});TextWithoutUnderline.args={appearance:"text"},TextWithoutUnderline.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n Apply --cvi-button--text-decoration: none CSS variable on the component host or its ancestor to remove the underline.\n \n ${story}\n `))]},"./libs/ui/src/lib/button/button.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Secondary:()=>Secondary,Small:()=>Small,Text:()=>Text,TextWithoutUnderline:()=>TextWithoutUnderline,WithCustomColor:()=>WithCustomColor,default:()=>button_html_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var button_button=__webpack_require__("./libs/ui/src/lib/button/button.ts");const button_html_stories={title:"HTML/Button",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-button`\nCorresponding Javascript component | `ButtonComponent`\nPermitted parent/ancestors | any\nPermitted Sass components as children | Phrasing content\n\n## Where to use\n\nStyled button.\n\n## How to use\n\nAdd directly to HTML using `.cvi-button*` classes or `@include` mixin `@cvi-button` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n\nYou can use `--cvi-button-color` and `--cvi-button-color--hover` CSS variables to customise the background color of the button with `--appearance-primary` modifier class.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{appearance:{name:"Appearance",options:[button_button.L.PRIMARY,button_button.L.SECONDARY,button_button.L.TEXT],control:{type:"inline-radio"}},size:{name:"Size",options:[button_button.q.S,button_button.q.M],control:{type:"inline-radio"}}},args:{content:"Button label",appearance:button_button.L.PRIMARY,size:button_button.q.M,disabled:!1}},Template=args=>({props:args,template:'\n
\n \n
\n '}),Default=Template.bind({});Default.args={};const Secondary=Template.bind({});Secondary.args={appearance:button_button.L.SECONDARY};const Small=Template.bind({});Small.args={size:button_button.q.S};const Text=Template.bind({});Text.args={appearance:button_button.L.TEXT};const WithCustomColor=(args=>({props:args,styles:[":host {\n --cvi-button-color: var(--cvi-color-jasper-10);\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\n }"],template:'\n
\n \n
\n '})).bind({}),TextWithoutUnderline=(args=>({props:args,styles:[":host {\n --cvi-button--text-decoration: none;\n }"],template:'\n
\n \n
\n '})).bind({});TextWithoutUnderline.args={appearance:button_button.L.TEXT},TextWithoutUnderline.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n Define --cvi-button--text-decoration: none CSS variable on the element or its ancestor to remove the underline.\n \n ${story}\n `))]},"./libs/ui/src/lib/circle/circle.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomBorderColor:()=>WithCustomBorderColor,WithIcon:()=>WithIcon,WithLightTheme:()=>WithLightTheme,WithProgress:()=>WithProgress,default:()=>circle_component_stories});var from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js"),circle_component=__webpack_require__("./libs/ui/src/lib/circle/circle.component.ts");var storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const circle_component_stories={title:"Angular/Circle",component:circle_component.H,parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cvi-ng-circle` |\n| Component name | `CircleComponent` |\n| Content | any |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nTo display a themed circle with an icon or given content. Allows adding severity and progress bar as a frame.\n\nTo overwrite the border color added by the _theme_, pass `--cvi-circle-border-color` to component's style property.\n",layout:"centered",backgrounds:{default:"Gray"}},argTypes:{theme:{name:"Theme",control:{type:"inline-radio"}},severity:{name:"Severity",control:{type:"inline-radio"}},size:{name:"Size",control:{type:"inline-radio"}},iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},progressPercentage:{name:"Progress",control:{type:"range",min:0,max:100,step:1}}},args:{theme:"dark",severity:"none",size:"s",iconName:void 0,progressPercentage:void 0}},Template=args=>({props:Object.assign({},args),template:'\n 4\n '}),Default=Template.bind({}),WithLightTheme=Template.bind({});WithLightTheme.parameters={backgrounds:{default:"Dark"}},WithLightTheme.args={theme:"light"};const WithIcon=Template.bind({});WithIcon.args={iconName:"close"};const WithProgress=(args=>({props:Object.assign(Object.assign({},args),{progress$:(0,from.D)([20,40,60,80,100]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(800)))))}),template:'\n \n {{ progress }}\n \n '})).bind({}),WithCustomBorderColor=(args=>({props:Object.assign({},args),template:'\n 4\n '})).bind({});WithCustomBorderColor.args={theme:"light",severity:"success"}},"./libs/ui/src/lib/circle/circle.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithIcon:()=>WithIcon,WithProgress:()=>WithProgress,WithSeverity:()=>WithSeverity,default:()=>circle_html_stories});const circle_html_stories={title:"HTML/Circle",parameters:{notes:"## General description\n\n| Feature | Description |\n|---------------------------------------|-------------------|\n| Sass component | `cvi-circle` |\n| Corresponding Javascript component | `CircleComponent` |\n| Permitted parent/ancestors | any |\n| Permitted Sass components as children | text |\n\n## Where to use\n\nTo display a themed circle with icon or given content.\n\n## How to use\n\nPass `--border-color`, `--color`, `--background-color` and `--progress-background-color` CSS variables to the Sass\ncomponent. (See example values in `circle.ts`)\n\nAdd directly to HTML using `.cvi-circle*` classes or `@include` mixin `@cvi-circle` in your Sass code. When including\nthe mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"},layout:"centered"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"4"}},Default=(args=>({props:args,template:'\n {{ content }}\n '})).bind({}),WithIcon=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({}),WithSeverity=(args=>({props:args,template:'\n {{ content }}\n '})).bind({});WithSeverity.parameters={backgrounds:{default:"Gray"}};const WithProgress=(args=>({props:args,template:'\n {{ content }}\n '})).bind({})},"./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,ModalOpen:()=>ModalOpen,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Modal/Confirmation modal",component:__webpack_require__("./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts").Y,args:{modalTitle:"Attention!!",confirmButtonText:"Confirm",cancelButtonText:"Cancel"}},Template=args=>({props:args,template:'\n \n \n

Are you sure about changes?

\n

All will be lost!!!

\n \n \n Open modal\n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const ModalOpen=(args=>({props:args,template:'\n \n \n

Are you sure about changes?

\n

All will be lost!!!

\n \n \n Open modal\n '})).bind({})},"./libs/ui/src/lib/content-container/content-container.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>content_container_component_stories});const content_container_component_stories={title:"Angular/Content container",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-content-container`\nComponent name | `ContentContainerComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nAdds a main content area to the right of the sidebar.\n",layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Default=(args=>({props:args,template:"\n {{ content }}\n "})).bind({})},"./libs/ui/src/lib/content-container/content-container.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>content_container_html_stories});const content_container_html_stories={title:"HTML/Content container",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-content-container`\nCorresponding Javascript component | `ContentContainerComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds a main content area to the right of the sidebar.\n",options:{selectedPanel:"storybook/html/panel"},layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Default=(args=>({props:args,template:'\n
\n {{ content }}\n
\n '})).bind({});Default.args={}},"./libs/ui/src/lib/content-panel/content-panel.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithNoTitle:()=>WithNoTitle,default:()=>content_panel_component_stories});const content_panel_component_stories={title:"Angular/Content panel",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-content-panel`\nComponent name | `ContentPanelComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nAdds a prominent box for any kind of primary content.\n",layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{title:"Some title",content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Template=args=>({props:args,template:'\n {{ content }}\n '}),Default=Template.bind({}),WithNoTitle=Template.bind({});WithNoTitle.args={title:""}},"./libs/ui/src/lib/content-panel/content-panel.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>content_panel_html_stories});const content_panel_html_stories={title:"HTML/Content panel",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-content-panel`\nCorresponding Javascript component | `ContentPanelComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds a prominent box for any kind of primary content.\n",options:{selectedPanel:"storybook/html/panel"},layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{title:"Some title",content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Default=(args=>({props:args,template:'\n
\n

{{ title }}

\n {{ content }}\n
\n '})).bind({})},"./libs/ui/src/lib/datepicker/datepicker.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OnNonWhiteBackground:()=>OnNonWhiteBackground,WithCustomPlaceholder:()=>WithCustomPlaceholder,WithDisabled:()=>WithDisabled,WithFormGroup:()=>WithFormGroup,default:()=>datepicker_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const datepicker_component_stories={title:"Angular/Form/Datepicker",decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-datepicker`\n Component name | `DatepickerComponent`\n Design system module | [Form elements](https://veera.eesti.ee/3d136290e/p/71721d-vormi-elemendid/b/476623)\n Content | no\n Permitted parent/ancestors | `cvi-ng-form-item`\n Permitted children | -\n\n## Where to use\n\nDisplays a datepicker based on form input. Use with `FormItem` component.\n"},args:{placeholder:"pp.kk.aaaa",disabled:!1,htmlId:"datepicker-html-id"}},Template=args=>({props:args,template:'\n \n \n '}),Default=Template.bind({});Default.storyName="Default",Default.args={};const WithFormGroup=(args=>{const form=new fesm2020_forms.FormGroup({date:new fesm2020_forms.FormControl("04.05.2023")});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.controls.date.value},onSubmit:function onSubmit(formValue){console.log(formValue)}}),template:'\n
\n \n \n \n \n
\n
Inserted value: {{selectedValue()}}
\n '}}).bind({}),WithCustomPlaceholder=Template.bind({});WithCustomPlaceholder.args={placeholder:"dd.mm.yyyy"};const OnNonWhiteBackground=Template.bind({});OnNonWhiteBackground.parameters={backgrounds:{default:"Gray"}};const WithDisabled=Template.bind({});WithDisabled.args={disabled:!0}},"./libs/ui/src/lib/datepicker/datepicker.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>datepicker_html_stories});const datepicker_html_stories={title:"HTML/Form/Datepicker",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-datepicker`\nCorresponding Javascript component | `DatepickerComponent`\nPermitted parent/ancestors | `cvi-form-item`\nPermitted Sass components as children | -\n\n## Where to use\n\nSelecting a date. Use inside of `cvi-form-item`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-datepicker*` classes or `@include` mixin `@cvi-datepicker` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
\n
\n \n Nõutud kuupäeva formaat: dd.MM.yyyy\n \n
\n \n
\n
\n
06.06.2023
\n
\n \n
\n
\n '})).bind({})},"./libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithIcons:()=>WithIcons,default:()=>feedback_component_stories});const feedback_component_stories={title:"Angular/Feedback",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-feedback`\nCorresponding Javascript component | `FeedbackComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA simple feedback form with title, radio buttons with labels, and optional `sad-face` on the left and `happy-face` icons on the right side of the options (hidden by default). \n"},component:__webpack_require__("./libs/ui/src/lib/feedback/feedback/feedback.component.ts").A},title="Did you find what you were looking for?",options=[{value:"NO",label:"No"},{value:"PARTIALLY",label:"Partially"},{value:"YES",label:"Yes"}],Default=(args=>({props:args})).bind({});Default.args={title,options,showIcons:!1};const WithIcons=(args=>({props:args})).bind({});WithIcons.args={title,options,showIcons:!0}},"./libs/ui/src/lib/form-item/form-item.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithInlineFormElements:()=>WithInlineFormElements,WithTextarea:()=>WithTextarea,default:()=>form_item_component_stories});const form_item_component_stories={title:"Angular/Form/Form item",component:__webpack_require__("./libs/ui/src/lib/form-item/form-item.component.ts").J,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-form-item`\nComponent name | `FormItemComponent`\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-input`\n\n## Where to use\n\nUse as a field wrapper for form elements.\n"},argTypes:{displayMessage:{name:"Show form message?",table:{category:"Playground"}},title:{name:"Form message title",if:{arg:"displayMessage",eq:!0},table:{category:"Playground"}},message:{name:"Form message text",if:{arg:"displayMessage",eq:!0},table:{category:"Playground"}},severityLevel:{name:"Form message severity level",if:{arg:"displayMessage",eq:!0},options:["warning","error"],control:{type:"inline-radio"},table:{category:"Playground"}}},args:{htmlId:"fksd4kfds",label:"Example label",placeholder:"Placeholder text...",displayMessage:!1,message:"Error",severityLevel:"warning",title:"Warning message"}},Default=(args=>({props:args,template:'\n \n \n \n \n '})).bind({}),WithTextarea=(args=>({props:args,template:'\n \n \n \n \n '})).bind({});WithTextarea.parameters={chromatic:{disableSnapshot:!0}};const WithInlineFormElements=(args=>({props:Object.assign(Object.assign({},args),{items:["City of Sierra Nevada 1","City of Bilbao 2","valik 3 (cy test)","Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4","City of London 5","Option 6 with enough text to feed a saltwater crocodile","Option 7 with enough text to feed a prehistoric jaguar"]}),template:'\n \n The goal of this story is to verify that height of inline form components is the same.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})).bind({})},"./libs/ui/src/lib/form-item/form-item.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>form_item_html_stories});const form_item_html_stories={title:"HTML/Form/Form item",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-form-item`\nCorresponding Javascript component | `FormItem`\nPermitted parent/ancestors | any\nPermitted classes as children | `cvi-textfield`\n\n## Where to use\n\nUse as a field wrapper for form elements.\n\n## How to use\n\nAdd directly to HTML using `.cvi-form-item*` classes or `@include` mixin `@cvi-form-item` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},args:{htmlId:"fksd4kfds",label:"Your email",placeholder:"Placeholder text...",labelPosition:"top",isLabelHidden:!1,required:!1},argTypes:{labelPosition:{name:"Label position",options:["top","side"],control:{type:"inline-radio"}}}},Default=(args=>({props:args,template:'\n
\n \n \n \n \n
\n '})).bind({})},"./libs/ui/src/lib/form-message/form-message.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Warning:()=>Warning,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Form/Form message",component:__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts").K,args:{displayMessage:!0,severityLevel:"warning",message:"Error",title:"Warning message"}},Template=args=>({props:Object.assign(Object.assign({},args),{selectItems:["City of Sierra Nevada 1","City of Bilbao 2","valik 3 (cy test)","Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4","City of London 5","Option 6 with enough text to feed a saltwater crocodile","Option 7 with enough text to feed a prehistoric jaguar"]}),template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}),Default=Template.bind({}),Warning=Template.bind({});Warning.args={severityLevel:"warning",title:"Warning message"};const Error=Template.bind({});Error.args={severityLevel:"error",title:"Error message"}},"./libs/ui/src/lib/html-section/html-section.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,InContactsBlock:()=>InContactsBlock,List:()=>List,default:()=>html_section_component_stories});const html_section_component_stories={title:"Angular/Html section",component:__webpack_require__("./libs/ui/src/lib/html-section/html-section.component.ts").r,parameters:{notes:"## General description\n\nFeature | Description\n- Selector | `cvi-ng-html-section`\n- Component name | `HtmlSectionComponent`\n- Design system module | -\n- Content | no\n- Permitted parent/ancestors | any\n- Permitted children | no\n\n## Where to use\n\nUse if you need to display HTML longform article-like content with rich styling.\n\nHTML sanitizer is configured to check custom elements (Web Components), thus sanitizer's allowed attributes are also configured using custom elements' mapped attributes.\n\nFor example, if you need to use `cvi-ng-track` component in the `html` input value, use corresponding custom element `cvi-web-track` and dash-separated lowercase attribute names `flex-direction=\"vertical\"` instead of usual property binding.\n"},args:{html:'\n

Politsei- ja Piirivalveameti kontaktid

\n
\n
\n

Antud teenust haldab PPA ja abi saamiseks palun pöörduge nende poole

\n

Telefonikõnedele vastatakse E-R 9-17 ning kõnesid teenindatakse eesti, vene ja inglise keeles

\n
\n
\n \n +372 612 3000\n ppa@politsei.ee\n politsei.ee\n Pärnu mnt 139, 15060 Tallinn\n \n
\n
\n '}},Template=args=>({props:Object.assign({},args),template:'\n \n '}),Default=Template.bind({});Default.args={};const InContactsBlock=(args=>({props:Object.assign({},args),template:'\n
\n \n
\n ',styles:[".container {\n width: 400px;\n background-color: var(--cvi-color-black-coral-2);\n padding: 20px;\n }"]})).bind({});InContactsBlock.args={html:'\n

Kontaktid

\n
\n
\n

Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

\n
\n
\n \n Maakonnakeskuste kohalikud omavalitsused\n Notarid\n Abielu sõlmimise õigust omavad vaimulikud\n \n
\n
\n ',sanitize:!0};const List=Template.bind({});List.args={html:'\n

Ordered list

\n
    \n
  1. Item 1
    2. \n
  2. Item 2
    3. \n
\n
\n

Unordered list

\n
    \n
  • Item 1
    • \n
  • Item 2
    • \n
  • Item 3
    • \n
\n ',sanitize:!0}},"./libs/ui/src/lib/html-section/html-section.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>html_section_html_stories});const html_section_html_stories={title:"HTML/Html section",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Sass component | `cvi-html-section`\n Corresponding Javascript component | `HtmlSectionComponent`\n Design system module | -\n Permitted parent/ancestors | any\n Permitted Sass components as children of accordion items | any\n\n## Where to use\n\nUtilise where there is a need to display HTML longform article-like content with rich styling.\n\n## How to use\n\nAdd directly to HTML using `.cvi-html-section*` classes or `@include` mixin `@cvi-html-section` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
\n

Some title

\n
\n
\n

Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

\n
\n
\n

Ordered list

\n
    \n
  1. Item 1
    2. \n
  2. Item 2
    3. \n
\n

Unordered list

\n
    \n
  • Item 1
    • \n
  • Item 2
    • \n
  • Item 3
    • \n
\n
\n
\n
\n '})).bind({})},"./libs/ui/src/lib/icons/icon/icon.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomSize:()=>WithCustomSize,WithStyling:()=>WithStyling,default:()=>icon_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),icon_component=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts");var storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts");const icon_component_stories={title:"Angular/Icon",component:icon_component.o,parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | -------------------------------------------------------------------- |\n| Selector | `cvi-ng-icon` |\n| Component name | `IconComponent` |\n| Content | no |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nDisplays a regular svg icon.\n\nPlease remember to register the icon via `IconsRegistry` in your app.\n"},argTypes:{name:{name:"Name",options:storybook_icons.T,control:{type:"select"}}},args:{name:"action",height:icon.b}},Template=args=>({props:Object.assign({},args),template:'\n \n '}),Default=Template.bind({}),WithCustomSize=Template.bind({});WithCustomSize.args={height:140},WithCustomSize.parameters={layout:"padded"},WithCustomSize.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n To change size of an icon (in both dimensions), set its height prop. The icon will be resized proportionally.\n \n ${story}\n `))];const WithStyling=(args=>({props:Object.assign({},args),template:'\n \n To change color of an icon, just add fill CSS property either to icon component selector itself or its ancestor. It is not required to apply fill to SVG node itself.\n \n
\n \n
\n ',styles:[".wrapper-class {\n fill: red;\n }"]})).bind({});WithStyling.parameters={layout:"padded"}},"./libs/ui/src/lib/icons/icon/icon.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"HTML/Icon",parameters:{options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n \n \n \n '})).bind({});Default.args={}},"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LabeledIconInsideButton:()=>LabeledIconInsideButton,WithCustomGap:()=>WithCustomGap,WithCustomStyling:()=>WithCustomStyling,WithIconAfter:()=>WithIconAfter,default:()=>labeled_icon_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts"),labeled_icon_component=__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts");var storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const labeled_icon_component_stories={title:"Angular/Labeled icon",component:labeled_icon_component.K,parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | -------------------------------------------------------------------- |\n| Selector | `cvi-ng-labeled-icon` |\n| Component name | `LabeledIconComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | Phrasing content |\n\n## Where to use\n\nDisplays a regular svg icon that can optionally be followed by an html element.\n"},argTypes:{name:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},svgClass:{control:!1},iconClass:{control:!1}},args:{iconHeight:icon.b,name:"call",gap:4,iconPosition:"before",content:"This is a labeled icon"}},Template=args=>({props:args,template:'\n \n {{ content }}\n \n '}),Default=Template.bind({}),WithIconAfter=Template.bind({});WithIconAfter.args={iconPosition:"after"};const WithCustomGap=Template.bind({});WithCustomGap.args={gap:2};const LabeledIconInsideButton=Template.bind({});LabeledIconInsideButton.args={iconPosition:"after",verticalAlignment:"center"},LabeledIconInsideButton.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n ${story}\n \n `))];const WithCustomStyling=(args=>({props:args,template:'\n \n {{ content }}\n \n ',styles:["\n ::ng-deep .svg-class {\n fill: red;\n }\n ","\n ::ng-deep .icon-wrapper-class {\n border: 1px green solid;\n }\n "]})).bind({});WithCustomStyling.args={iconHeight:40,verticalAlignment:"center"}},"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LabeledIconInsideButton:()=>LabeledIconInsideButton,default:()=>labeled_icon_html_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");const labeled_icon_html_stories={title:"HTML/Labeled icon",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-labeled-icon`\nCorresponding Javascript component | `LabeledIconComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children of accordion items | any\n\n## Where to use\n\nUse where there is a need to display an SVG icon with a mandatory label. Otherwise use `cvi-icon`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-labeled-icon*` classes or `@include` mixin `@cvi-labeled-icon` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}}},args:{gap:4,content:"This is a labeled icon"}},Template=args=>({props:args,template:'\n
\n
\n
{{ content }}
\n
\n \n \n \n
\n
\n
\n '}),Default=Template.bind({}),LabeledIconInsideButton=Template.bind({});LabeledIconInsideButton.decorators=[(0,client.componentWrapperDecorator)((story=>`\n
\n \n
\n `))]},"./libs/ui/src/lib/input/input.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,WithFormGroup:()=>WithFormGroup,WithSuffixIcon:()=>WithSuffixIcon,default:()=>input_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const input_component_stories={title:"Angular/Form/Input",decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-input`\nComponent name | `InputComponent`\nContent | no\nPermitted parent/ancestors | `cvi-ng-form-item`\nPermitted children | -\n\n## Where to use\n\nDisplays a form input. Use with `FormItem` component.\n\nCan be used with character counter directive `cviNgCharacterCounter`. If set, character counter uses binded `[maxChars]` property for defining maximum value, otherwise it takes the maximum value from `maxlength` attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the `maxlength` value accordingly.\n"},argTypes:{suffixIconName:{name:"Icon",options:storybook_icons.T,control:{type:"select"}},validationType:{name:"ValidationType",options:[null,"positiveNumbers"],control:{type:"select"}}},args:{placeholder:"Username",disabled:!1,htmlId:"some-input",maxLength:""}},Template=args=>({props:args,template:'\n \n \n \n '}),Default=Template.bind({}),WithSuffixIcon=Template.bind({});WithSuffixIcon.args={suffixIconName:"loupe"};const WithFormGroup=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl("initial value")});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.controls.item.value},onSubmit:function onSubmit(formValue){console.log(formValue)},disableInput:function disableInput(){form.controls.item.disable()},enableInput:function enableInput(){form.controls.item.enable()}}),template:'\n
\n \n \n \n \n Disable input\n Enable input\n \n
\n\n
\n
Inserted value: {{selectedValue()}}
\n '}}).bind({});WithFormGroup.storyName="With FormGroup";const WithCharacterCounter=(args=>({props:args,template:'\n \n \n \n '})).bind({})},"./libs/ui/src/lib/input/input.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,WithSuffixIcon:()=>WithSuffixIcon,default:()=>input_html_stories});const input_html_stories={title:"HTML/Form/Input",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-textfield`\nCorresponding Javascript component | `InputComponent`\nPermitted parent/ancestors | `cvi-form-item`\nPermitted Sass components as children | -\n\n## Where to use\n\nStyled text input. Use inside of `cvi-form-item`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-textfield*` classes or `@include` mixin `@cvi-textfield` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
\n \n
\n \n
\n
\n '})).bind({}),WithCharacterCounter=(args=>({props:args,template:'\n
\n \n
\n \n
0 / 10
\n
\n
\n '})).bind({}),WithSuffixIcon=(args=>({props:args,template:'\n
\n \n
\n \n
\n \n \n \n
\n
\n
\n '})).bind({})},"./libs/ui/src/lib/modal/modal.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithModalInsideModal:()=>WithModalInsideModal,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Modal/Modal",component:__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts").z},Template=args=>({props:args,template:'\n \n

{{ testModalTitle }}

\n

Modal content

\n \n Open modal\n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithModalInsideModal=(args=>({props:args,template:'\n \n

Modal 1 content

\n \n

{{ testModalTitle }}

\n

Modal 2 content

\n \n Open modal 2 inside modal 1\n \n Open modal\n '})).bind({})},"./libs/ui/src/lib/modal/modal.directive.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ModalOpen:()=>ModalOpen,ModalOpenWithoutButton:()=>ModalOpenWithoutButton,WithoutTitle:()=>WithoutTitle,default:()=>modal_directive_stories});const modal_directive_stories={title:"Angular/Modal/Modal directive",parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|------------------|\n| Selector | `cviNgModal` |\n| Directive name | `ModalDirective` |\n| Permitted parent/ancestors | any |\n\n## Where to use\n\nWhen directive is applied to HTML element then clicking on element displays modal overlay.\n"},args:{modalTitle:"Hey, I am Modal, how are you?"}},Default=(args=>({props:args,template:'\n \n

{{ title }}

\n

Modal content

\n \n Open modal\n '})).bind({}),ModalOpen=(args=>({props:args,template:'\n \n

Modal content

\n \n Open modal\n '})).bind({}),WithoutTitle=(args=>({props:args,template:'\n \n

Modal content

\n \n Open modal\n '})).bind({});WithoutTitle.argTypes={modalTitle:{control:!1}},WithoutTitle.parameters={axe:{disabledRules:["aria-dialog-name"]}};const ModalOpenWithoutButton=(args=>({props:args,template:'\n \n

Modal content

\n \n \n '})).bind({})},"./libs/ui/src/lib/modal/modal.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>modal_html_stories});const modal_html_stories={title:"HTML/Modal",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-modal`\nCorresponding Javascript component | `ModalComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children of accordion items | any\n\n## Where to use\n\nUtilise where there is a need to show modal with backdrop\n\n## How to use\n\nAdd directly to HTML using `.cvi-modal*` classes or `@include` mixin `@cvi-modal` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
\n \n
\n
\n '})).bind({})},"./libs/ui/src/lib/notification/notification.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Neutral:()=>Neutral,Success:()=>Success,Warning:()=>Warning,WithCompactSize:()=>WithCompactSize,WithCompactSizeAndCustomIcon:()=>WithCompactSizeAndCustomIcon,WithCompactSizeAndIcon:()=>WithCompactSizeAndIcon,default:()=>notification_component_stories});const notification_component_stories={title:"Angular/Notification",component:__webpack_require__("./libs/ui/src/lib/notification/notification.component.ts").c,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-notification`\nComponent name | `NotificationComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA notification component.\n"},args:{severity:"info",size:"regular",showIcon:!0,showCloseButton:!0,title:"Notification title",content:"Header and close buttons are not displayed if notification size is compact. Header and close buttons are not displayed if notification size is compact. Header and close buttons are not displayed if notification size is compact."}},Template=args=>({props:args,template:'\n \n {{content}}\n \n '}),Default=Template.bind({}),Success=Template.bind({});Success.args={severity:"success"};const Warning=Template.bind({});Warning.args={severity:"warning"};const Error=Template.bind({});Error.args={severity:"error"};const Neutral=Template.bind({});Neutral.args={severity:"neutral"};const WithCompactSize=Template.bind({});WithCompactSize.args={severity:"neutral",size:"compact"};const WithCompactSizeAndIcon=Template.bind({});WithCompactSizeAndIcon.args={severity:"info",size:"compact"};const WithCompactSizeAndCustomIcon=Template.bind({});WithCompactSizeAndCustomIcon.args={severity:"neutral",size:"compact",iconName:"check_circle_outline"}},"./libs/ui/src/lib/notification/notification.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>notification_html_stories});const notification_html_stories={title:"HTML/Notification",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `components/notification`\nCorresponding Javascript component | `NotificationComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nUsed to display a notification\n\n## How to use\n\nAdd directly to HTML using `.cvi-notification*` classes or `@include` mixin `@cvi-notification` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n"}},Default=(args=>({props:args,template:'\n
\n \n
\n
\n
\n \n \n \n \n \n
\n

Notification title

\n
\n
\n Some content for the notification that might be excessively long and contain some parts that are not very important.\n
\n
\n
\n '})).bind({})},"./libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OptionButton:()=>OptionButton,OptionButtonCompact:()=>OptionButtonCompact,default:()=>radio_group_component_stories});var radio_group_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts"),radio_group=__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.ts");const radio_group_component_stories={title:"Angular/Form/Radio button group",component:radio_group_component.w,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-radio-group`\nComponent name | `RadioGroupComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `RadioGroupComponent`\n\n## Where to use\n\nA wrapper for radios (`cvi-ng-radio-button`) and buttons-as-radios (`cvi-ng-option-button`). Note that both `cvi-ng-radio-button` and `cvi-ng-option-button` cannot be used on their own.\n"},args:{title:"Did you find what you were looking for?",appearance:radio_group.e.REGULAR}},Default=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({});Default.args={};const OptionButton=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({});OptionButton.args={};const OptionButtonCompact=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({});OptionButtonCompact.args={appearance:radio_group.e.COMPACT}},"./libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OptionButton:()=>OptionButton,OptionButtonCompact:()=>OptionButtonCompact,default:()=>radio_group_html_stories});const radio_group_html_stories={title:"HTML/Form/Radio button group",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-radio-group`\nCorresponding Javascript component | `RadioGroupComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## Where to use\n\nA wrapper for radios that look like regular buttons.\n\n## How to use\n\nAdd directly to HTML using `.cvi-radio-group*` classes or `@include` mixin `@cvi-radio-group` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{appearance:{name:"Appearance",options:["regular","compact"],control:{type:"inline-radio"}}},args:{title:"Example title",appearance:"regular",label:"Option 1"}},Default=(args=>({props:args,template:'\n
\n
\n {{title}}\n
    \n
  • \n \n
    • \n
  • \n \n
    • \n
\n
\n
\n '})).bind({});Default.args={title:"Default radio buttons example"};const OptionButton=(args=>({props:args,template:'\n
\n
\n {{title}}\n
    \n
  • \n \n
    • \n
  • \n \n
    • \n
\n
\n
\n '})).bind({});OptionButton.args={title:"Radio buttons with labels that look like buttons",appearance:"regular"};const OptionButtonCompact=(args=>({props:args,template:'\n
\n
\n {{title}}\n
    \n
  • \n \n
    • \n
  • \n \n
    • \n
\n
\n
\n '})).bind({});OptionButtonCompact.args={title:"Radio buttons with labels that look like compact buttons",appearance:"compact"}},"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ReorderableListMultipleFormItems:()=>ReorderableListMultipleFormItems,ReorderableListMultipleTracksAndFormItems:()=>ReorderableListMultipleTracksAndFormItems,ReorderableListSingleFormItem:()=>ReorderableListSingleFormItem,default:()=>reorderable_list_component_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),reorderable_list_component=__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");class ReorderableListExampleBaseComponent{constructor(){this.items=[]}addNewItem(){this.items=[...this.items,{index:this.items.length}]}isNotFirstItem(item){return 0!==this.items.indexOf(item)}isNotLastItem(item){return this.items.indexOf(item)!==this.items.length-1}swapSteps(change){const itemsTemp=this.items[change.index1];this.items[change.index1]=this.items[change.index2],this.items[change.index2]=itemsTemp}removeStep(item){this.items.splice(this.getIndex(item),1),this.items.forEach(((stepConfig,index)=>stepConfig.index=index))}getIndex(item){return this.items.indexOf(item)}getOrderNr(item){return this.getIndex(item)+1}getStepId(item,i){return"step-"+this.getOrderNr(item)+"-form-item"+i}}let ReorderableListExampleComponent=class ReorderableListExampleComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,value:"Me as well"},{index:1,value:"And so am I"},{index:2,value:"I am a reorderable item"}]}};ReorderableListExampleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-example",template:'\n \n \n {{ item.value }}\n \n \n\n\n
\n 
Items:
\n 
{{ items | json }}
\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListExampleComponent);let ReorderableListSingleFormItemComponent=class ReorderableListSingleFormItemComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,title:"Submission of application"},{index:1,title:"Confirmation of time and place"},{index:2,title:"Getting married"},{index:3,title:"Application for ID card and passport"},{index:4,title:"Receiving the ID card and passport"}]}};ReorderableListSingleFormItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-single-form-item-example",template:'\n \n \n Add item\n \n \n\n\n\n \n \n \n \n \n \n \n\n\n
\n 
Items:
\n 
{{ items | json }}
\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListSingleFormItemComponent);let ReorderableListMultipleFormItemsComponent=class ReorderableListMultipleFormItemsComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,field1:"Some value",field2:"Another value",field3:"And another one",field4:"And yet another one",field5:"The final one, I swear"},{index:1,field1:"Sorry, here is another item",field2:"With another value",field3:"And another",field4:"Second to last value",field5:"THE last one :)"}]}};ReorderableListMultipleFormItemsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-multiple-form-items-example",template:'\n \n \n Add item\n \n \n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n
\n 
Items:
\n 
{{ items | json }}
\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListMultipleFormItemsComponent);let ReorderableListMultipleTracksAndFormItemsComponent=class ReorderableListMultipleTracksAndFormItemsComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,track1Field1:"A value in the first track",track1Field2:"Something important",track1Field3:"1234567890",track2Field1:"Now this is the second track",track2Field2:"Qwerty",singleField:"Here you can write a lot ... or as long as a lot is less that 100 characters"}]}};ReorderableListMultipleTracksAndFormItemsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-multiple-tracks-and-form-items-example",template:'\n \n \n Add item\n \n \n\n\n\n \n \n \x3c!-- Additional track for gaps between containing elements --\x3e\n \n \x3c!-- 1st track--\x3e\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \x3c!-- 2nd track --\x3e\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n\n\n
\n 
Items:
\n 
{{ items | json }}
\n
\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListMultipleTracksAndFormItemsComponent);const reorderable_list_component_stories={title:"Angular/Reorderable list",component:reorderable_list_component.P,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-reorderable-list`\nComponent name | `ReorderableListComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-reorderable-list-item`\n\n## Where to use\n\nUsed for steps configuration.\n\nIt works with any provided object type. Make sure the template bindings match with the provided object type keys.\n\nHere are some examples: \n"},decorators:[(0,client.moduleMetadata)({imports:[fesm2020_forms.FormsModule],declarations:[ReorderableListExampleComponent,ReorderableListSingleFormItemComponent,ReorderableListMultipleFormItemsComponent,ReorderableListMultipleTracksAndFormItemsComponent]})]},Default=(args=>({props:args,template:"\n \n \n "})).bind({});Default.args={};const ReorderableListSingleFormItem=(args=>({props:args,template:"\n \n \n "})).bind({});ReorderableListSingleFormItem.storyName="Single form item",ReorderableListSingleFormItem.args={};const ReorderableListMultipleFormItems=(args=>({props:args,template:"\n \n \n "})).bind({});ReorderableListMultipleFormItems.storyName="A track with multiple form items",ReorderableListMultipleFormItems.args={};const ReorderableListMultipleTracksAndFormItems=(args=>({props:args,template:"\n \n \n "})).bind({});ReorderableListMultipleTracksAndFormItems.storyName="Multiple tracks with multiple form items, and a standalone form item",ReorderableListMultipleTracksAndFormItems.parameters={chromatic:{disableSnapshot:!0}}},"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>reorderable_list_html_stories});const reorderable_list_html_stories={title:"HTML/Reorderable list",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-reorderable-list`\nCorresponding Javascript component | `ReorderableListComponent`\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## Where to use\n\nA reorderable and closeable block with some content (eg a form item) inside.\n\n## How to use\n\nAdd directly to HTML using `.cvi-reorderable-list*` classes or `@include` mixin `@cvi-reorderable-list` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",layout:"padded",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
\n
\n \n
\n \n
2
\n \n
\n
And so am I
\n
\n
\n \n
\n \n
1
\n \n
\n
Me as well
\n
\n
\n '})).bind({})},"./libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>screenreader_text_component_stories});const screenreader_text_component_stories={title:"Angular/Screenreader text",component:__webpack_require__("./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts").G,parameters:{notes:'## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-screenreader-text`\nComponent name | `ScreenreaderTextComponent`\nDesign system module | -\nContent | no\nPermitted parent/ancestors | any (usually an interactive element such as button)\nPermitted children | -\n\n## Where to use\n\nUse to provide some label to an accessibility device while hiding it visually. This will help to avoid a WCAG violation such as "Buttons must have discernible text". This is an alternative technique to using `aria-label` attribute.\n',layout:"padded"},args:{label:"Some text that should only be visible to a screen reader"}},Default=(args=>({props:args,template:'\n \n '})).bind({})},"./libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>screenreader_text_html_stories});const screenreader_text_html_stories={title:"HTML/Screenreader text",parameters:{notes:'## General description\n\nFeature | Description\n- | -\nSass component | `cvi-screenreader-text`\nCorresponding Javascript component | `ScreenreaderTextComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | text\n\n## When to use\n\nUse to provide some label to an accessibility device while hiding it visually. This will help to avoid a WCAG violation such as "Buttons must have discernible text". This is an alternative technique to using `aria-label` attribute.\n\n## How to use\n\nAdd directly to HTML using `.cvi-screenreader-text` class with any element that contains the text. Or `@include` mixin `@cvi-screenreader-text` in your Sass code.\n',options:{selectedPanel:"storybook/html/panel"},layout:"padded"},args:{label:"Some text that should only be visible to a screen reader"}},Default=(args=>({props:args,template:'\n \n '})).bind({})},"./libs/ui/src/lib/select/select.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,DisabledBackground:()=>DisabledBackground,Form:()=>Form,LoadingState:()=>LoadingState,ObjectsAsItems:()=>ObjectsAsItems,SortedItems:()=>SortedItems,UserCanAddItems:()=>UserCanAddItems,WithBoundValues:()=>WithBoundValues,WithCustomValueFormatting:()=>WithCustomValueFormatting,default:()=>select_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const select_component_stories={title:"Angular/Form/Select",decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cvi-ng-select` |\n| Component name | `SelectComponent` |\n| Content | no |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nDisplays a select component where you can search element\n"},argTypes:{containerWidth:{name:"Container width",table:{category:"Playground"},control:{type:"number"}}},args:{items:["City of Sierra Nevada 1","City of Bilbao 2","valik 3 (cy test)","Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4","City of London 5","Option 6 with enough text to feed a saltwater crocodile","Option 7 with enough text to feed a prehistoric jaguar"],placeholder:"Otsi elementi",disabled:!1,backgroundDisabled:!1,containerWidth:220,htmlId:"some-select",labelId:"some-select-label",loading:!1,sortItemsFn:void 0}},Default=(args=>({props:Object.assign({},args),template:'\n
\n \n \n \n
\n '})).bind({}),WithCustomValueFormatting=(args=>({props:Object.assign({},args),template:'\n
\n \n \n \n \n \n {{item}}\n \n \n \n \n \n {{item}}\n \n \n \n \n
\n \n \n \n '})).bind({}),UserCanAddItems=(args=>({props:Object.assign(Object.assign({},args),{addItemFn:function addItem(text){return text}}),template:'\n
\n \n \n \n
\n '})).bind({});UserCanAddItems.args={placeholder:"Otsi elementi või lisa uus"};const DisabledBackground=(args=>({props:Object.assign({},args),template:'\n
\n \n \n \n
\n '})).bind({});DisabledBackground.args={backgroundDisabled:!0};const ObjectsAsItems=(args=>({props:Object.assign(Object.assign({},args),{searchFn:(term,item)=>(console.log("custom searchFn works!"),`${item.name} (${item.code})`.toLowerCase().indexOf(term.toLowerCase())>-1),valueFormatFn:item=>`${item.name} (${item.code})`}),template:'\n \n Use this approach when you provide objects as items and need to mix and match different properties of an item object in an option template. In addition to templates, you need to supply valueFormatFn input as well, in order for the chosen value to appear correctly.\n \n
\n \n \n \n {{item.name}} ({{item.code}})\n \n \n {{item.name}} ({{item.code}})\n \n \n \n
\n '})).bind({});ObjectsAsItems.args={items:[{code:"123",name:"Product"},{code:"222",name:"Product"}]};const WithBoundValues=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl(null,fesm2020_forms.Validators.required)});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.getRawValue().item},onSubmit:function onSubmit(formValue){console.log(formValue)}}),template:'\n \n Use bindValue and bindLabel inputs if you need to use custom item object properties, but don\'t want to supply fancy templates for option or selected value.\n \n
\n
\n \n \n \n \n
\n
\n
Selected value: {{selectedValue()}}
\n '}}).bind({});WithBoundValues.args={items:[{fancyLabel:"Scrooge McDuck",rawValue:"duck1"},{fancyLabel:"Donald Duck",rawValue:"duck2"}]};const Disabled=(args=>({props:Object.assign({},args),template:'\n
\n \n \n \n
\n '})).bind({});Disabled.args={disabled:!0};const Form=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl(null,fesm2020_forms.Validators.required)});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.getRawValue().item},onSubmit:function onSubmit(formValue){console.log(formValue)}}),template:'\n
\n \n \n \n
Selected value: {{selectedValue()}}
\n
\n '}}).bind({}),LoadingState=(args=>({props:Object.assign({},args),template:'\n
\n \n \n \n
\n '})).bind({});LoadingState.args={loading:!0};const SortedItems=(args=>({props:Object.assign(Object.assign({},args),{sortItemsFn:function sortItemsFn(a,b){return a.localeCompare(b,"et")}}),template:'\n
\n \n \n \n
\n '})).bind({});SortedItems.args={items:["ÄÄÄ","DDD","CCC","AAA","BBB"]}},"./libs/ui/src/lib/select/select.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>select_html_stories});const select_html_stories={title:"HTML/Form/Select",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-select`\nCorresponding Javascript component | `SelectComponent`\nPermitted parent/ancestors | `cvi-form-item`\nPermitted Sass components as children | -\n\n## Where to use\n\nStyled custom select. Use inside of `cvi-form-item`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-select*` classes or `@include` mixin `@cvi-select` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{containerWidth:{name:"Container width",table:{category:"Playground"},control:{type:"number"}}},args:{placeholder:"Otsi elementi või lisa uss 🐍",containerWidth:220}},Default=(args=>({props:args,template:'\n
\n
\n \n
\n
\n
\n
\n
{{ placeholder }}
\n
\n
\n \n
\n \n \n \n \n \n
\n
\n
\n
    \n
  • \n Item 1 that is not that short but actually quite long\n
    • \n
  • \n Current item 2\n
    • \n
  • \n Item selected from keyboard\n
    • \n
  • \n Item 4\n
    • \n
  • \n Item 5\n
    • \n
  • \n Item 6 with a very long text spanning many lines\n
    • \n
\n
\n
\n
\n
\n
\n
\n '})).bind({})},"./libs/ui/src/lib/status-badge/status-badge.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithTooltip:()=>WithTooltip,default:()=>status_badge_component_stories});const status_badge_component_stories={title:"Angular/Status badge",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-status-badge`\nComponent name | `StatusBadgeComponent`\nDesign system module | -\nContent | no\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nAdds a colored status badge with some text.\n",layout:"centered"},argTypes:{severity:{name:"Severity style",options:["info","success","warning"],control:{type:"select"}},tooltipText:{if:{arg:"withTooltip",eq:!0}},tooltipIcon:{options:__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts").T,control:{type:"select"},if:{arg:"withTooltip",eq:!0}}},args:{severity:"info",label:"Pending review",withTooltip:!1,tooltipText:"some tooltip text",tooltipIcon:"info",hasBackground:!0}},Template=args=>({props:args,template:'\n \n \n '}),Default=Template.bind({}),WithTooltip=Template.bind({});WithTooltip.args={withTooltip:!0}},"./libs/ui/src/lib/status-badge/status-badge.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithIcon:()=>WithIcon,default:()=>status_badge_html_stories});const status_badge_html_stories={title:"HTML/Status badge",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-status-badge`\nCorresponding Javascript component | `StatusBadgeComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | text\n\n## Where to use\n\nAdds a colored status badge with some text.\n\n## How to use\n\nPass `--color`, `--background-color`, and optionally `--border-color` CSS variables to the Sass component. (See example colors in `status-badge.ts`.)\n\nAdd directly to HTML using `.cvi-status-badge*` classes or `@include` mixin `@cvi-status-badge` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"},layout:"centered"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"Waiting"}},Default=(args=>({props:args,template:'\n
{{ content }}
\n '})).bind({}),WithIcon=(args=>({props:args,template:'\n \n
\n {{ content }}\n \n \n \n
\n \n '})).bind({})},"./libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>step_panel_component_stories});var step_panel_component=__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts");const step_panel_component_stories={title:"Angular/Steps/Step panel",component:step_panel_component.w,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-step-panel`\nComponent name | `StepPanelComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | `cvi-ng-step`\nPermitted children | any\n\n## Where to use\n\nIs responsible for rendering tab content panel in `cvi-ng-steps`. This is your primary option when displaying some content in the steps component.\n"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{title:"First step",content:"First step content."}},Default=(args=>({component:step_panel_component.w,props:Object.assign({},args),template:'\n \n \n \n {{ content }}\n \n \n \n \n Some content\n \n \n \n '})).bind({})},"./libs/ui/src/lib/steps/step/step.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>step_component_stories});var step_component=__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts");const step_component_stories={title:"Angular/Steps/Step",component:step_component.B,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-step`\nComponent name | `StepComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | `cvi-ng-steps`\nPermitted children | any, `cvi-ng-step-panel`\n\n## Where to use\n\nIs responsible for rendering a tab in `cvi-ng-steps`. You can insert `cvi-ng-step-panel` inside this component for better UI.\n"}},Default=(args=>({component:step_component.B,props:Object.assign({},args),template:'\n \n \n \n Some content for the first step\n \n \n \n \n Some more content\n \n \n \n '})).bind({})},"./libs/ui/src/lib/steps/steps/steps.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DefaultWithSelectedStep:()=>DefaultWithSelectedStep,Mobile:()=>Mobile,MobileWithSelectedStep:()=>MobileWithSelectedStep,WithHTMLSections:()=>WithHTMLSections,WithObservableTitles:()=>WithObservableTitles,WithStepStatuses:()=>WithStepStatuses,WithTranslations:()=>WithTranslations,default:()=>steps_component_stories});var from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js"),steps_component=__webpack_require__("./libs/ui/src/lib/steps/steps/steps.component.ts"),client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");const steps_component_stories={title:"Angular/Steps/Steps",parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-steps`\nComponent name | `StepsComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-step`\n\n## Where to use\n\nAdds sequential tabs that do not block non-linear interaction.\n"},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],argTypes:{stepsContent:{controls:!1},currentStepIndex:{name:"Current step (starting from 0)",control:{type:"number",min:0}}},args:{title:"Abiellumine",currentStepIndex:null,stepsContent:['Nevertheless, Cosy Moments thrives. It has its public.',"Its contents are mildly interesting, if you like that sort of thing.",'There is a "Moments in the Nursery" page, conducted by Luella Granville Waterman.','There is a "Moments of Meditation" page, conducted by the Reverend Edwin T. Philpotts.','

Võtke ühendust Politsei- ja Piirivalveametiga.

ppa@politsei.eepolitsei.eePärnu mnt 139, 15060 Tallinn
"','

Võtke ühendust perekonnaseisuasutusega, kus soovite abielu sõlmida.

Maakonnakeskuse kohalikud omavalitsusedNotaridAbielu sõlmimise õigust omavad vaimulikud
"']}},Template=args=>{const form=new fesm2020_forms.FormGroup({text:new fesm2020_forms.FormControl("Some text")});return{component:steps_component.G,props:Object.assign(Object.assign({},args),{form,formMinRows:5,formHtmlId:"fk123sd4kfds",formLabel:"Label"}),template:'\n \n

You can now add custom content before steps

\n \n \n \n \n \n \n \n {{ stepsContent[1] }}\n \n \n \n \n {{ stepsContent[2] }}\n \n \n \n \n {{ stepsContent[3] }}\n \n \n \n \n
\n Textarea, input and the character counter directive should work properly inside steps.\n \n \n \n
\n \n \n \n '}},Default=Template.bind({}),DefaultWithSelectedStep=Template.bind({});DefaultWithSelectedStep.args={currentStepIndex:0};const Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}};const MobileWithSelectedStep=Template.bind({});MobileWithSelectedStep.args={currentStepIndex:0},MobileWithSelectedStep.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}};const WithObservableTitles=(args=>({props:Object.assign(Object.assign({},args),{labels$:(0,from.D)([["First","Second","Third"]]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(1e3)))))}),template:'\n \n \n \n \n {{ label }}\n \n \n \n \n '})).bind({});WithObservableTitles.parameters={chromatic:{delay:1300}};const WithTranslations=(args=>({component:steps_component.G,props:Object.assign({},args),template:'\n \n

You can now add custom content before steps

\n \n \n \n \n \n \n \n {{ stepsContent[1] }}\n \n \n \n \n {{ stepsContent[2] }}\n \n \n \n \n {{ stepsContent[3] }}\n \n \n \n '})).bind({});WithTranslations.parameters={axe:{disabledRules:["button-name"]}};const WithHTMLSections=(args=>({component:steps_component.G,props:Object.assign({},args),template:'\n \n

You can now add custom content before steps

\n \n \n \n \n \n \n \n \n \n \n \n '})).bind({});WithHTMLSections.parameters={axe:{disabledRules:["button-name"]}};const WithStepStatuses=(args=>({component:steps_component.G,props:Object.assign({},args),template:'\n \n \n \n Status is set to \'null\'.\n \n \n \n \n Success status!\n \n \n \n \n Status is not set.\n \n \n \n \n Error status!\n \n \n \n '})).bind({});WithStepStatuses.args={currentStepIndex:0}},"./libs/ui/src/lib/steps/steps/steps.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>steps_html_stories});const steps_html_stories={title:"HTML/Steps",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-steps`\nCorresponding Javascript component | `StepsComponent`\nPermitted parent/ancestors | -\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds sequential tabs that do not block non-linear interaction.\n\n## How to use\n\nAdd directly to HTML using `.cvi-steps*` classes or `@include` mixin `@cvi-steps` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
\n

Abiellumine

\n
\n

You can now add custom content before steps

\n
\n
    \n
  1. \n
\n
\n \n \n 1\n \n Abiellumine\n
\n
\n \n \n \n \n \n \n
\n \n \n \n
  • \n \n
    • \n
  • \n \n
    • \n
  • \n \n
    • \n \n
    \n
    \n
    \n

    Second

    \n

    \n Fetal stemcells, aren\'t those controversial? In your time, yes, but nowadays shut up! Besides, these are\n adult stemcells,\n harvested from perfectly healthy adults whom I killed for their stemcells. Bender?! You stole the atom.\n

    \n
    \n
    \n
    \n
    \n
    \n \n \n
    \n \n \n \n \n ',styles:["\n .cvi-steps {\n --current-step: '2';\n }\n "]}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomHeadingLevels:()=>WithCustomHeadingLevels,WithSteps:()=>WithSteps,WithStepsMobile:()=>WithStepsMobile,default:()=>generated_table_of_contents_component_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var generated_table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js");let StorybookToCHTMLExampleComponent=class StorybookToCHTMLExampleComponent{};StorybookToCHTMLExampleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-toc-html-example",template:'\n
    \n

    \n An h2: pretty none change slept range afraid\n

    \n
    \n
    \n
    \n

    \n An h3: explore single gain swam base farther courage\n

    \n
    \n
    \n
    \n
    \n

    \n A nested h2 heading: string baby explore\n

    \n
    \n
    \n
    \n
    \n
    \n

    A lone heading at the near end

    \n
    \n
    \n

    \n Compound teeth fully there habit actually primitive young movement\n pretty him including per program firm disease school butter various\n say social unless ice hello\n

    \n
    \n
    \n '})],StorybookToCHTMLExampleComponent);let StorybookToCHTMLStepsExampleComponent=class StorybookToCHTMLStepsExampleComponent{constructor(){this.headingDisplayed=!0}};StorybookToCHTMLStepsExampleComponent.propDecorators={extraAsyncSections:[{type:core.Input}]},StorybookToCHTMLStepsExampleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-toc-html-steps-example",template:'\n
    \n
    \n \n

    An h2: pretty none change slept range afraid

    \n
    \n     \n
    \n
    \n

    An h3: explore single gain swam base farther courage

    \n
    \n
    \n
    \n
    \n

    A nested h2 heading 1: string baby explore

    \n
    \n
    \n
    \n
    \n
    \n

    A nested h2 heading 2: string baby explore

    \n
    \n
    \n
    \n \n
    \n

    {{ section.title }}

    \n
    {{ section.content }}
    \n
    \n     \n '})],StorybookToCHTMLStepsExampleComponent);const generated_table_of_contents_component_stories={title:"Angular/Table of contents/Generated table of contents",component:generated_table_of_contents_component.w,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-generated-table-of-contents`\nComponent name | `GeneratedTableOfContentsComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nAutomatically generates a table of contents sidebar to textual page content that represents raw HTML wrapped into an external component.\n\nDon't use this if you have full control over template. Use `cvi-ng-table-of-contents-wrapper` along with `cvi-ng-table-of-contents` and `cvi-ng-table-of-contents-item` directly instead.\n\n## How to use\n\n1. Add `cvi-ng-generated-table-of-contents` to a page-wide slot in a view;\n2. as its content, add a number of divs or a component with raw HTML that contains some headings (`h1`, `h2`, or `h3`);\n3. a table of contents will automatically be created and the headings will appear there.\n",chromatic:{disableSnapshot:!0}},decorators:[(0,client.moduleMetadata)({declarations:[StorybookToCHTMLExampleComponent,StorybookToCHTMLStepsExampleComponent]})],args:{title:"Sisukord",headingSelector:"h1, h2, h3"}},Template=args=>({component:generated_table_of_contents_component.w,props:Object.assign({},args),template:'\n \n \n \n '}),Default=Template.bind({});Default.parameters={axe:{disabledRules:["scrollable-region-focusable"]}};const WithCustomHeadingLevels=Template.bind({});WithCustomHeadingLevels.args={headingSelector:"h1, h2"},WithCustomHeadingLevels.parameters={axe:{disabledRules:["scrollable-region-focusable"]}};const TemplateWithSteps=args=>({component:generated_table_of_contents_component.w,props:Object.assign(Object.assign({},args),{extraAsyncSections:(0,from.D)([[{title:"I am the title of the first observable array element",content:"Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit"},{title:"I am the title of the second observable array element",content:"This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough"}]]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(500)))))}),template:'\n \n

    Custom content before steps

    \n \n \n \n \n \n \n \n \n \n \n
    \n
    \n

    Some random h2

    \n
    \n
    \n
    \n

    A random h3 heading with a lot of sense in it

    \n
    \n
    \n
    \n
    \n

    Papadiboopi

    \n
    \n
    \n
    \n     \n     \n     \n     \n '}),WithSteps=TemplateWithSteps.bind({});WithSteps.storyName="With steps";const WithStepsMobile=TemplateWithSteps.bind({});WithStepsMobile.storyName="With steps (mobile)",WithStepsMobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>table_of_contents_item_component_stories});var table_of_contents_item_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts");const table_of_contents_item_component_stories={title:"Angular/Table of contents/Table of contents item",component:table_of_contents_item_component.j,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-table-of-contents-item`\nComponent name | `TableOfContentsItemComponent`\nDesign system module | -\nContent | no\nPermitted parent/ancestors | `cvi-ng-table-of-contents`\nPermitted children | -\n\n## Where to use\n\nRenders a table of contents navigation link in a `cvi-ng-table-of-contents`.\n\n## How to use\n\nSee `cvi-ng-table-of-contents-wrapper` docs.\n",chromatic:{disableSnapshot:!0}},args:{label:"Section One with a very long label that spans many lines"}},Default=(args=>({component:table_of_contents_item_component.j,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({})},"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,HeadingsWithIds:()=>HeadingsWithIds,InDebugMode:()=>InDebugMode,WithSteps:()=>WithSteps,WithStepsAndHeadingsWithIds:()=>WithStepsAndHeadingsWithIds,WithStepsMobile:()=>WithStepsMobile,default:()=>table_of_contents_wrapper_component_stories});var table_of_contents_wrapper_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts");const table_of_contents_wrapper_component_stories={title:"Angular/Table of contents/Table of contents wrapper",component:table_of_contents_wrapper_component.u,parameters:{layout:"padded",notes:'## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-table-of-contents-wrapper`\nComponent name | `TableOfContentsWrapperComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any and `cvi-ng-table-of-contents`\n\n## Where to use\n\nAdds a table of contents sidebar to textual page content.\n\n## How to use\n\n1. Add `cvi-ng-table-of-contents-wrapper` to a page-wide slot in a view;\n2. As its content, add a div with multiple blocks (eg same `div`s) of textual content with `cviNgToCSection="section-id"` attribute each. You can also add the directive to headings themselves instead. `section-id` must be a unique alphanumeric string in kebab case;\n3. To the same `cvi-ng-table-of-contents-wrapper` also add `cvi-ng-table-of-contents` with a number of `cvi-ng-table-of-contents-item` equal to the number of content blocks. Each item should have its `href` prop set to the `section-id` prepended by `#`.\n',chromatic:{disableSnapshot:!0}}},Template=args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '}),Default=Template.bind({});Default.argTypes={debugMode:{name:"Debug mode",control:{type:"boolean"},table:{category:"Playground"}}},Default.args={debugMode:!1};const InDebugMode=Template.bind({});InDebugMode.args={debugMode:!0},InDebugMode.parameters={axe:{disabledRules:["color-contrast"]}};const HeadingsWithIds=(args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({});HeadingsWithIds.storyName="With ids on headings";const TemplateWithSteps=args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n

    Custom content before steps

    \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n     \n '}),WithSteps=TemplateWithSteps.bind({});WithSteps.storyName="With steps (ids on heading container)";const WithStepsMobile=TemplateWithSteps.bind({});WithStepsMobile.storyName="With steps (ids on heading container, mobile)",WithStepsMobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithStepsAndHeadingsWithIds=(args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n

    Custom content before steps

    \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n     \n '})).bind({});WithStepsAndHeadingsWithIds.storyName="With steps (ids on headings)"},"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>table_of_contents_wrapper_html_stories});const table_of_contents_wrapper_html_stories={title:"HTML/Table of contents",parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-table-of-contents`\nCorresponding Javascript components | `TableOfContentsWrapperComponent`, `TableOfContentsComponent`, `TableOfContentsItemComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds a table of contents sidebar to textual page content.\n\nAdd the page content to be navigated before `.cvi-table-of-contents__aside` block.\n"}},Default=(args=>({props:Object.assign({},args),template:'\n
    \n
    \n
    \n

    Section One

    \n

    \n There comes a day when prey kills predator, the young one shall usher\n forth a strengthening of bonds and new aggressions.\n

    \n

    \n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\n generally playful by nature and can often be found in winter. If\n you\'re out looking for them they can often be seen lurking about and\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\n evolved yet and there are no known evolutions.\n

    \n
    \n
    \n

    Section Two

    \n

    \n Billy Windsor had started life twenty-five years before this story\n opens on his father\'s ranch in Wyoming. From there he had gone to a\n local paper of the type whose Society column consists of such items as\n "Pawnee Jim Williams was to town yesterday with a bunch of other cheap\n skates. We take this opportunity of once more informing Jim that he is\n a liar and a skunk," and whose editor works with a revolver on his\n desk and another in his hip-pocket. Graduating from this, he had\n proceeded to a reporter\'s post on a daily paper in a Kentucky town,\n where there were blood feuds and other Southern devices for preventing\n life from becoming dull. All this time New York, the magnet, had been\n tugging at him. All reporters dream of reaching New York. At last,\n after four years on the Kentucky paper, he had come East, minus the\n lobe of one ear and plus a long scar that ran diagonally across his\n left shoulder, and had worked without much success as a free-lance. He\n was tough and ready for anything that might come his way, but these\n things are a great deal a matter of luck. The cub-reporter cannot make\n a name for himself unless he is favoured by fortune. Things had not\n come Billy Windsor\'s way. His work had been confined to turning in\n reports of fires and small street accidents, which the various papers\n to which he supplied them cut down to a couple of inches.\n

    \n
    \n
    \n

    Section Three

    \n

    \n A waiter made an ingratiating gesture towards the basket, but the\n young man stopped him. "Not on your life, sonny," he said. "This stays\n right here." He placed it carefully on the floor beside his chair, and\n proceeded to order dinner.\n

    \n
    \n
    \n

    Section Four

    \n

    \n "Too decorous, Comrade Jackson. I came over here principally, it is\n true, to be at your side, should you be in any way persecuted by\n scoundrels. But at the same time I confess that at the back of my mind\n there lurked a hope that stirring adventures might come my way. I had\n heard so much of the place. Report had it that an earnest seeker after\n amusement might have a tolerably spacious rag in this modern\n Byzantium. I thought that a few weeks here might restore that keen\n edge to my nervous system which the languor of the past term had in a\n measure blunted. I wished my visit to be a tonic rather than a\n sedative. I anticipated that on my return the cry would go round\n Cambridge, \'Psmith has been to New York. He is full of oats. For he on\n honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff.\n Rah!\' But what do we find?"\n

    \n
    \n
    \n

    Section Five

    \n

    \n There comes a day when prey kills predator, the young one shall usher\n forth a strengthening of bonds and new aggressions.\n

    \n

    \n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\n generally playful by nature and can often be found in winter. If\n you\'re out looking for them they can often be seen lurking about and\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\n evolved yet and there are no known evolutions.\n

    \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithRandomText:()=>WithRandomText,default:()=>table_of_contents_component_stories});var table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts");const table_of_contents_component_stories={title:"Angular/Table of contents/Table of contents",component:table_of_contents_component.q,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-table-of-contents`\nComponent name | `TableOfContentsComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | `cvi-ng-table-of-contents-wrapper`\nPermitted children | `cvi-ng-table-of-contents-item`\n\n## Where to use\n\nRenders a table of contents navigation in a `cvi-ng-table-of-contents-wrapper`.\n\n## How to use\n\nSee `cvi-ng-table-of-contents-wrapper` docs.\n"},args:{title:"Table of contents"}},Default=(args=>({component:table_of_contents_component.q,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \n

    It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.

    \n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \n

    This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.

    \n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \n

    The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.

    \n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \n
    \n\n
    \n

    Section Two

    \n

    Happily wall anything pleasant court made vegetable freedom printed plate education six longer anyway mill forty active manufacturing struggle darkness teach round further handle.

    \n

    so image across automobile twenty how some fight earn fireplace elephant flow cat slightly factor free mighty most fox taken seldom rhyme especially upper.

    \n
    \n\n
    \n

    Section Three

    \n

    It shall be on the day that the world becomes shrouded in shadows, the\n prophet shall bring an eternal night and a change of leadership.

    \n

    It shall be on the day that steel turns to rust, two enemies shall cause\n the toppling of leaders and the beginning of a better future.

    \n

    The day kingdoms collide, a suspicious accident shall cause a time of\n peace and an age of failing crops.

    \n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \n

    When the moment comes that one becomes many and many becomes one, a man\n clad in green shall bring forth the dawn of evil and a time of peace.

    \n

    The day the rain returns, a victory shall mark an end to hunger and the\n end of wealth.

    \n

    As soon as the sun turns dark, a sudden death shall cause a generation of\n health and an age of misfortune.

    \n

    It shall be then, when what is blue turns red, the false leader shall\n bring the toppling of leaders and the return of dragons.

    \n

    It shall be on the day that the world becomes shrouded in shadows, the\n prophet shall bring an eternal night and a change of leadership.

    \n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It\n has a glowing snout, camouflaged fur and fat legs. They\'re generally timid\n by nature and can often be found near sanctuaries. If you\'re out looking\n for them they can often be seen on their own. It tends to attack with\n Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\n faith.

    \n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\n faith.

    \n

    It shall be on the day that steel turns to rust, two enemies shall cause\n the toppling of leaders and the beginning of a better future.

    \n

    There comes a day when prey kills predator, the young one shall usher\n forth a strengthening of bonds and new aggressions.

    \n

    It shall be then, when what is blue turns red, the false leader shall\n bring the toppling of leaders and the return of dragons.

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has\n stubby fins, pure white scales and a cavernous mouth. They\'re generally\n energetic by nature and can often be found during a blizzard. If you\'re\n out looking for them they can often be seen among many other kinds of\n Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.

    \n
    \n\n
    \n

    Section Four

    \n

    When the moment comes that the dead rise, the accused shall cause an age\n of lawlessness.

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It\n has snowy legs, an icicle covered tail and frosty ears. They\'re generally\n playful by nature and can often be found in winter. If you\'re out looking\n for them they can often be seen lurking about and on their own. It tends\n to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no\n known evolutions.

    \n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\n faith.

    \n

    There comes a day when mountains move and rivers shiver, a refusal shall\n bring the end of leadership.

    \n

    "Too decorous, Comrade Jackson. I came over here principally, it is true,\n to be at your side, should you be in any way persecuted by scoundrels. But\n at the same time I confess that at the back of my mind there lurked a hope\n that stirring adventures might come my way. I had heard so much of the\n place. Report had it that an earnest seeker after amusement might have a\n tolerably spacious rag in this modern Byzantium. I thought that a few\n weeks here might restore that keen edge to my nervous system which the\n languor of the past term had in a measure blunted. I wished my visit to be\n a tonic rather than a sedative. I anticipated that on my return the cry\n would go round Cambridge, \'Psmith has been to New York. He is full of\n oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is\n hot stuff. Rah!\' But what do we find?"

    \n

    It shall be then, when rocks will rain from the sky, a man clad in green\n shall bring forth a rise of faith.

    \n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \n

    By the time that Pugsy returned, carrying a five-cent bottle of milk, the\n animal had vacated the book-shelf, and was sitting on the table, washing\n her face. The milk having been poured into the lid of a tobacco-tin, in\n lieu of a saucer, she suspended her operations and adjourned for\n refreshments. Billy, business being business, turned again to Luella\n Granville Waterman, but Pugsy, having no immediate duties on hand,\n concentrated himself on the cat.

    \n

    A waiter made an ingratiating gesture towards the basket, but the young\n man stopped him. "Not on your life, sonny," he said. "This stays right\n here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \n

    When the brother becomes the father, a suspicious death shall bring forth\n bloodshed of blue blood and the return of monsters.

    \n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \n
    \n\n\n
    \n

    Section Five

    \n

    Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as "Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk," and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.

    \n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \n

    "Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson," he added, as they walked out, "that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision."

    \n

    It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.

    \n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. "Not on your life, sonny," he said. "This stays right here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \n

    It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.

    \n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \n

    When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.

    \n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. "Not on your life, sonny," he said. "This stays right here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \n

    There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.

    \n

    As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({}),WithRandomText=(args=>({component:table_of_contents_component.q,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({});WithRandomText.parameters={chromatic:{disableSnapshot:!0}}},"./libs/ui/src/lib/table/table.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,Tablet:()=>Tablet,WithToolbar:()=>WithToolbar,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _angular_forms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),_ui_module__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),_table_component_md__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./libs/ui/src/lib/table/table.component.md");const statuses=[{severity:"info",label:"Avaldamise ootel"},{severity:"warning",label:"Mustand"},{severity:"success",label:"Avaldatud"}],getStatusBadgeLabelBySeverity=severity=>{var _a;return null===(_a=statuses.find((st=>st.severity===severity)))||void 0===_a?void 0:_a.label},__WEBPACK_DEFAULT_EXPORT__={title:"Angular/Table",parameters:{notes:_table_component_md__WEBPACK_IMPORTED_MODULE_2__},args:{headerLabels:["Sündmusteenus","Staatus","Email","Viimati muudetud"],data:[{event:"Abiellumine",statusSeverity:"warning",email:"doagwelcometotheteamoftwenty@cochol.eu",lastChanged:"2021-07-15",icons:[{iconName:"edit_simple",actionLabel:"Edit"},{iconName:"delete",actionLabel:"Delete"}]},{event:"Meteoroloogiateenistus",statusSeverity:"success",email:"utpa@pi.ca",lastChanged:"2018-07-17",icons:[{iconName:"add",actionLabel:"Add"}]},{event:"Geoloogilise luure teenistus",statusSeverity:"info",email:"boole@dok.ky",lastChanged:"2016-07-05",icons:[{iconName:"edit_simple",actionLabel:"Edit"}]}],rowIconHeight:18,rowIconGap:3},decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[_ui_module__WEBPACK_IMPORTED_MODULE_1__.W]})]},Template=args=>({props:Object.assign(Object.assign({},args),{getStatusBadgeLabelBySeverity}),template:'\n \n \n \n {{ headerLabel }}\n \n \n \n \n \n \n {{ row.event }}\n \n \n \n {{ row.email }}\n {{ row.lastChanged }}\n \n \n \n \n \n \n \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const Tablet=Template.bind({});Tablet.parameters={viewport:{defaultViewport:"ipad"}};const WithToolbar=(args=>{const form=new _angular_forms__WEBPACK_IMPORTED_MODULE_3__.FormGroup({item:new _angular_forms__WEBPACK_IMPORTED_MODULE_3__.FormControl(null)});return{props:Object.assign(Object.assign({},args),{getStatusBadgeLabelBySeverity,form}),template:'\n \n\n \n \n \n \n \n \n \n Lisa uus sündmusteenus\n \n \n \n\n \n \n {{ headerLabel }}\n \n \n \n \n \n\n \n {{ row.event }}\n \n \n \n {{ row.email }}\n {{ row.lastChanged }}\n \n \n \n \n \n \n \n '}}).bind({})},"./libs/ui/src/lib/table/table.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"HTML/Table",parameters:{notes:__webpack_require__("./libs/ui/src/lib/table/table.component.md"),options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    Sündmusteenus
    \n     		\n
    Staatus
    \n     		\n
    Viimati muudetud
    \n
    \n
    Abiellumine
    \n     		\n
    Mustand
    \n     		\n
    2021-07-15
    \n     		\n
    \n
    \n \n \n
    \n
    \n
    \n
    Meteoroloogiateenistus
    \n     		\n
    Avaldatud
    \n     		\n
    2018-07-17
    \n     		\n
    \n
    \n \n
    \n
    \n
    \n
    Geoloogilise luure teenistus
    \n     		\n
    Avaldamise ootel
    \n     		\n
    2016-07-05
    \n     		\n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/tabs/tab-group.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithIcon:()=>WithIcon,default:()=>tab_group_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const tab_group_component_stories={title:"Angular/Tabs/Tab group",parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|----------------------|\n| Selector | `cvi-ng-tab-group` |\n| Component name | `TabGroupComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | `cvi-ng-tab` |\n\n## Where to use\n\nDisplays tabs in an old design. Add tabs with `cvi-ng-tab` component.\n"},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],argTypes:{content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},activeTabChange:{action:"Tab switched!"}},args:{content:"First tab content with some more text that might overflow"}},Template=args=>{const form=new fesm2020_forms.FormGroup({text:new fesm2020_forms.FormControl("Some text")});return{props:Object.assign(Object.assign({},args),{form,formMinRows:5,formHtmlId:"fk123sd4kfds",formLabel:"Label"}),template:'\n \n {{ content }}\n \n
    \n Textarea, input and the character counter directive should work properly inside tabs.\n \n \n \n
    \n     \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n     \n '}},Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithIcon=(args=>({props:args,template:'\n\n {{ content }}\n Third tab content. File not found. I was having the most wonderful dream.\n Except you were there, and you were there, and you were there! And when we\n woke up, we had these bodies. I could if you hadn\'t turned on the light and\n shut off my stereo.\n\n ',styles:["\n ::ng-deep .svg-class {\n fill: red;\n }\n "]})).bind({});WithIcon.args={iconName:"input_error",iconHeight:15,iconPosition:"before",gap:2},WithIcon.argTypes={iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},svgClass:{control:!1},iconPosition:{name:"Icon position",options:["before","after"],control:{type:"select"}}}},"./libs/ui/src/lib/tabs/tab-group.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>tab_group_html_stories});const tab_group_html_stories={title:"HTML/Tabs/Tab group",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-tab-group`\nCorresponding Javascript component | `TabGroupComponent`\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## Where to use\n\nA group of tabs.\n\n## How to use\n\nAdd directly to HTML using `.cvi-tab-group*` classes or `@include` mixin `@cvi-tab-group` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n Tab 1\n \n \n Tab 2, with a form\n \n \n Tab 3 with lots and lots of random text\n \n
    \n \n First tab content with some more text that might overflow\n
    \n \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/tabs/tabs.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithIcon:()=>WithIcon,default:()=>tabs_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const tabs_component_stories={title:"Angular/Tabs/Tabs",parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | --------------- |\n| Selector | `cvi-ng-tabs` |\n| Component name | `TabsComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | `cvi-ng-tab` |\n\n## Where to use\n\nDisplays tabs in a new design. On mobile the component switches to dropdown UI. Add tabs with `cvi-ng-tab` component.\n"},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],argTypes:{content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},activeTabChange:{action:"Tab switched!"}},args:{content:"First tab content with some more text that might overflow"}},Template=args=>{const form=new fesm2020_forms.FormGroup({text:new fesm2020_forms.FormControl("Some text")});return{props:Object.assign(Object.assign({},args),{form,formMinRows:5,formHtmlId:"fk123sd4kfds",formLabel:"Label"}),template:'\n \n {{ content }}\n \n
    \n Textarea, input and the character counter directive should work properly inside tabs.\n \n \n \n
    \n     \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n     \n '}},Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithIcon=(args=>({props:args,template:'\n \n {{ content }}\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n ',styles:["\n ::ng-deep .svg-class {\n fill: red;\n }\n "]})).bind({});WithIcon.args={iconName:"input_error",iconHeight:15,iconPosition:"before",gap:2},WithIcon.argTypes={iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},svgClass:{control:!1},iconPosition:{name:"Icon position",options:["before","after"],control:{type:"radio"}}}},"./libs/ui/src/lib/tabs/tabs.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>tabs_html_stories});const tabs_html_stories={title:"HTML/Tabs/Tabs",parameters:{notes:"## General description\n\n| Feature | Description |\n| ------------------------------------- | --------------- |\n| Sass component | `cvi-tabs` |\n| Corresponding Javascript component | `TabsComponent` |\n| Permitted parent/ancestors | any |\n| Permitted Sass components as children | - |\n\n## Where to use\n\nA group of CVI tabs.\n\n## How to use\n\nAdd directly to HTML using `.cvi-tabs*` classes or `@include` mixin `@cvi-tabs` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n Tab 1\n \n \n Tab 2, with a form\n \n \n Tab 3 with lots and lots of random text\n \n
    \n
    \n
    \n \n First tab content with some more text that might overflow\n
    \n \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/textarea/textarea.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,WithFormGroup:()=>WithFormGroup,default:()=>textarea_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const textarea_component_stories={title:"Angular/Form/Textarea",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-textarea`\nComponent name | `TextareaComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA textarea input field component.\n\nCan be used with character counter directive `cviNgCharacterCounter`. If set, character counter uses binded `[maxChars]` property for defining maximum value, otherwise it takes the maximum value from `maxlength` attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the `maxlength` value accordingly.\n",chromatic:{disableSnapshot:!0}},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],args:{placeholder:"Placeholder",disabled:!1,resizable:!0,maxLength:2e3,minRows:3,htmlId:"some-textarea"}},Default=(args=>({props:args,template:'\n \n \n \n '})).bind({}),WithCharacterCounter=(args=>({props:args,template:'\n \n \n \n '})).bind({}),WithFormGroup=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl("initial value")});return{props:Object.assign(Object.assign({},args),{form,minRows:3,selectedValue:function selectedValue(){return form.controls.item.value}}),template:'\n
    \n \n \n \n \n
    Inserted value: {{selectedValue()}}
    \n
    \n '}}).bind({});WithFormGroup.storyName="With FormGroup"},"./libs/ui/src/lib/textarea/textarea.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,default:()=>textarea_html_stories});const textarea_html_stories={title:"HTML/Form/Textarea",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `components/cvi-textarea`\nCorresponding Javascript component | `TextareaComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA textarea input field.\n"},args:{placeholder:"Placeholder...",maxLength:2e3,resizable:!0}},Default=(args=>({props:args,template:'\n \n \n \n '})).bind({});Default.args={};const WithCharacterCounter=(args=>({props:args,template:'\n \n \n \n
    0 / 2000
    \n '})).bind({})},"./libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Success:()=>Success,WithMultipleAsideItems:()=>WithMultipleAsideItems,default:()=>timed_notice_component_stories});const timed_notice_component_stories={title:"Angular/Timed Notice",parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | --------------------- |\n| Selector | `cvi-ng-timed-notice` |\n| Component name | `NoticeComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | any |\n\n## Where to use\n\nUse inside timeline components to display short informative content, status updates etc.\n",layout:"padded"},argTypes:{severity:{name:"Severity style",options:["info","success","error"],control:{type:"select"}}},args:{severity:"info",title:"KMD Käibedeklaratsioon",titleHref:"https://www.eesti.ee",dueDate:"01.03.2023",time:"23:59",asideItems:[{label:"138€",iconName:"info",tooltipLabel:"Hey this is the tooltip on the tabletop"}]}},Default=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n kohustust täitma\n \n     \n '})).bind({}),Error=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n
    138.00€
    \n \n     \n \n kohustust täitma\n \n     \n '})).bind({}),Success=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n Lisainfo\n     \n '})).bind({}),WithMultipleAsideItems=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n kohustust täitma\n \n     \n '})).bind({});WithMultipleAsideItems.args={asideItems:[{label:"28.02.2023"},{label:"Tasutud",iconName:"info",tooltipLabel:"Some other tooltip"},{label:"138€",iconName:"info",tooltipLabel:"Some other tooltip yet"}]}},"./libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>timed_notice_html_stories});const timed_notice_html_stories={title:"HTML/Timed Notice",parameters:{notes:"## General description\n\n| Feature | Description |\n| ------------------------------------- | ---------------------- |\n| Sass component | `cvi-timed-notice` |\n| Corresponding Javascript component | `TimedNoticeComponent` |\n| Design system module | - |\n| Permitted parent/ancestors | any |\n| Permitted Sass components as children | any |\n\n## Where to use\n\nUtilise where there is a need to show notice component\n\n## How to use\n\nAdd directly to HTML using `.cvi-timed-notice*` classes or `@include` mixin `@cvi-timed-notice` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",layout:"padded"}},Default=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n
    138.00€
    \n \n \n \n \n kohustust täitma\n \n    \n '})).bind({})},"./libs/ui/src/lib/toast/toast.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>toast_html_stories});const toast_html_stories={title:"HTML/Toast",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-toast-container`, `cvi-toast`\nCorresponding Javascript service | `ToastService`\nPermitted parent/ancestors | `body` for `cvi-toast-container`\nPermitted Sass components as children | -\n\n## Where to use\n\nUse as toasts - transient notifications appearing in a screen corner.\n\n## How to use\n\nAdd a div with class `cvi-toast-container` to DOM at page load and append a `cvi-toast` into it to show a toast.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{title:{name:"Title",table:{category:"Playground"},control:{type:"text"}},content:{name:"Content",table:{category:"Playground"},control:{type:"text"}}},args:{title:"Toast title",content:"Message"}},Default=(args=>({props:args,template:'\n
    \n \n
    \n '})).bind({})},"./libs/ui/src/lib/toast/toast.service.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OpenOnLoad:()=>OpenOnLoad,default:()=>toast_service_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),toast_service=__webpack_require__("./libs/ui/src/lib/toast/toast.service.ts");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToastWrapperComponent=class ToastWrapperComponent{constructor(toastService){this.toastService=toastService,this.showButtons=!0}ngAfterViewInit(){this.showButtons||this.toastService.info("Default Title which is quite darn long","Default message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1")}openSuccessToast(){this.toastService.success("Success Title with a lot of text that does not fit","Message")}openInfoToast(){this.toastService.info("Info Title","Message")}openWarningToast(){this.toastService.warning("Warning Title","Message")}openErrorToast(){this.toastService.error("Error Title","Message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1")}};ToastWrapperComponent.ctorParameters=()=>[{type:toast_service.k}],ToastWrapperComponent.propDecorators={showButtons:[{type:core.Input}]},ToastWrapperComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-toast-wrapper",template:'\n \n Open Success Toast\n Open Info Toast\n Open Warning Toast\n Open Error Toast\n \n '}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==toast_service.k&&toast_service.k)?_a:Object])],ToastWrapperComponent);const toast_service_stories={title:"Angular/Toast",component:ToastWrapperComponent,parameters:{notes:"## General description\n\n`ToastService` is an injectable service and can be used to show success, info, warning\nand error toasts.\n\n## Where to use\n\nCan be used everywhere you need to show toasts. \nJust inject the ToastService into your component or service and\ncall the adequate method to show toasts on the top right side of the screen.\n"},decorators:[(0,client.moduleMetadata)({declarations:[ToastWrapperComponent]})],argTypes:{showButtons:{table:{disable:!0}}}},Default=(args=>({props:Object.assign({},args),template:"\n \n "})).bind({}),OpenOnLoad=(args=>({props:Object.assign({},args),template:'\n \n '})).bind({});OpenOnLoad.parameters={chromatic:{delay:1e3}}},"./libs/ui/src/lib/tooltip/tooltip.directive.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,TooltipNearSideEdge:()=>TooltipNearSideEdge,TooltipNearTopEdge:()=>TooltipNearTopEdge,TooltipOnButton:()=>TooltipOnButton,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tooltip_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.ts"),_tooltip_directive_md__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.md");const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Tooltip/Tooltip Directive",component:_tooltip_directive__WEBPACK_IMPORTED_MODULE_0__.i,parameters:{notes:_tooltip_directive_md__WEBPACK_IMPORTED_MODULE_1__},argTypes:{}},Default=(args=>({props:Object.assign({},args),template:'\n

    \n Hover over this element to display tooltip\n

    \n '})).bind({}),TooltipOnButton=(args=>({props:Object.assign({},args),template:'\n \n

    When hovering on the questionmark, a tooltip appears.

    \n

    When clicking just on the tooltip, nothing should happen.

    \n

    When clicking on just the button but not the tooltip, a box appears.

    \n

    Clicking on a tooltip should not activate any other elements.

    \n     \n\n \n \n Click\n \n \n \n \n\n \n

    This should only appear when clicking on a button, not on the tooltip

    \n     \n '})).bind({}),TooltipNearSideEdge=(args=>({props:Object.assign({},args),template:'\n \n \n

    When tooltip elements are located near the right or left side of the window,

    \n

    the tooltip is not centered above the element. Instead, tooltips are moved

    \n

    away from the sides to prevent being hidden behind the edge.

    \n     \n     \n\n
    \n \n \n \n \n \n\n \n \n \n Some words here\n \n
    \n '})).bind({}),TooltipNearTopEdge=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n \n \n
    \n\n \n \n

    When tooltip elements are located near the top edge of the window,

    \n

    the tooltip is hidden above the window edge. To avoid this problem,

    \n

    tooltip should not be placed to the top of the window.

    \n     \n     \n '})).bind({})},"./libs/ui/src/lib/tooltip/tooltip.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>tooltip_html_stories});const tooltip_html_stories={title:"HTML/Tooltip",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Sass component | `cvi-tooltip`\n Corresponding Javascript component | `TooltipComponent`\n Design system module | -\n Permitted parent/ancestors | -\n Permitted Sass components as children of accordion items | -\n\n## Where to use\n\n\n\n## How to use\n\nRender the tooltip in HTML using `.cvi-tooltip*` classes or `@include` mixin `@cvi-tooltip` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n\nThe logic enabling the tooltip to appear should be implemented separately (see the Angular component as an example). You must provide calculate positions of both content block and arrow separately, for the arrow to reposition itself depending on reference element position.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n
    \n This is a tooltip\n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/tooltip/tooltip.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Tooltip:()=>Tooltip,TooltipWithCustomZIndex:()=>TooltipWithCustomZIndex,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tooltip_directive_md__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.md");const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Tooltip/Tooltip",component:__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts").K,parameters:{notes:_tooltip_directive_md__WEBPACK_IMPORTED_MODULE_0__},argTypes:{configurableZIndexCSSVar:{name:"Custom z-index",table:{category:"Playground"},control:{type:"number"}}},args:{configurableZIndexCSSVar:null}},Template=args=>({props:Object.assign(Object.assign({},args),{width:document.body.getBoundingClientRect().width,height:document.body.getBoundingClientRect().height}),template:'\n
    \n \n
    \n '}),Tooltip=Template.bind({}),TooltipWithCustomZIndex=Template.bind({});TooltipWithCustomZIndex.storyName="Tooltip with custom z-index",TooltipWithCustomZIndex.args={configurableZIndexCSSVar:"1002"}},"./libs/ui/src/lib/track/track.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ItemsCenteredHorizontally:()=>ItemsCenteredHorizontally,ItemsCenteredVertically:()=>ItemsCenteredVertically,Multiline:()=>Multiline,NestedTracks:()=>NestedTracks,Vertical:()=>Vertical,VerticalMobileOnly:()=>VerticalMobileOnly,VerticalMobileOnlyMobile:()=>VerticalMobileOnlyMobile,VerticalReverseMobileOnly:()=>VerticalReverseMobileOnly,VerticalReverseMobileOnlyMobile:()=>VerticalReverseMobileOnlyMobile,WithCustomGap:()=>WithCustomGap,WithEqualSizeFormItemsFlexRow:()=>WithEqualSizeFormItemsFlexRow,WithEqualSizeFormItemsGridCol:()=>WithEqualSizeFormItemsGridCol,WithEqualSizeFormItemsGridRow:()=>WithEqualSizeFormItemsGridRow,WithFlexLayout:()=>WithFlexLayout,WithFormItemsComplex:()=>WithFormItemsComplex,WithGridLayout:()=>WithGridLayout,default:()=>track_component_stories});const categoryFlex={table:{category:"Inputs (flex only)"}},track_component_stories={title:"Angular/Track/Stories",component:__webpack_require__("./libs/ui/src/lib/track/track.component.ts").W,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-track`\nComponent name | `TrackComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nA a quick layout helper. Use with multiple children to provide a flex- or grid-like layout and ensure gaps between them are consistent with the design system.\n",layout:"padded"},argTypes:{gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},horizontalAlignment:{name:"Horizontal alignment",options:["normal","left","center","right","justify"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},verticalAlignment:{name:"Vertical alignment",options:["normal","top","center","bottom"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},flexDirection:Object.assign({name:"Direction",options:["horizontal","vertical","verticalOnMobile","verticalReverseOnMobile"],control:{type:"inline-radio"}},categoryFlex),layout:{name:"Layout method",options:["flex","grid"],control:{type:"inline-radio"}},flexIsMultiline:Object.assign({name:"Is multiline",control:{type:"boolean"},if:{arg:"flexDirection",eq:"horizontal"}},categoryFlex),flexColumnsEqual:Object.assign({name:"Items have equal width",if:{arg:"flexDirection",eq:"horizontal"}},categoryFlex),gridRows:Object.assign({name:"Grid rows",control:{type:"number",min:1,max:20,step:1}},{table:{category:"Inputs (grid only)"}})},args:{gap:1,horizontalAlignment:"normal",verticalAlignment:"normal",flexDirection:"horizontal",layout:"flex",flexIsMultiline:!1,flexColumnsEqual:!1,gridRows:void 0}},Template=args=>({props:args,template:'\n \n Cancel\n Submit\n \n '}),TemplateManyItems=args=>({props:args,template:'\n \n Button 1\n Button with another label\n Button 3\n Button 4\n Button the Fifth\n Button of the Lucky Scrambler\n Button numero Seven\n Button 8\n Button 9\n \n '}),TemplateWithFormItems=args=>({props:args,template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}),Default=Template.bind({}),WithCustomGap=Template.bind({});WithCustomGap.args={gap:4};const ItemsCenteredHorizontally=Template.bind({});ItemsCenteredHorizontally.args={horizontalAlignment:"center"};const ItemsCenteredVertically=Template.bind({});ItemsCenteredVertically.args={verticalAlignment:"center"};const Vertical=Template.bind({});Vertical.args={flexDirection:"vertical"};const VerticalMobileOnly=Template.bind({});VerticalMobileOnly.storyName="Vertical only on mobile (desktop)",VerticalMobileOnly.args={flexDirection:"verticalOnMobile"};const VerticalMobileOnlyMobile=Template.bind({});VerticalMobileOnlyMobile.storyName="Vertical only on mobile (mobile)",VerticalMobileOnlyMobile.args={flexDirection:"verticalOnMobile"},VerticalMobileOnlyMobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const VerticalReverseMobileOnly=Template.bind({});VerticalReverseMobileOnly.storyName="Vertical reversed only on mobile (desktop)",VerticalReverseMobileOnly.args={flexDirection:"verticalReverseOnMobile"};const VerticalReverseMobileOnlyMobile=Template.bind({});VerticalReverseMobileOnlyMobile.storyName="Vertical reversed only on mobile (mobile)",VerticalReverseMobileOnlyMobile.args={flexDirection:"verticalReverseOnMobile"},VerticalReverseMobileOnlyMobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const NestedTracks=(args=>({props:args,template:'\n This story is to verify a bug where a nested track with horizontalAlignment=left can\'t override the same prop of an ancestor track.
    Here, the parent track is set to right and nested track to left. The nested track therefore must not align to right for the correct behaviour.    \n \n
    Item 1
    \n \n
    Nested track with horizontalAlignment="left": Item 2.1
    And some filler easy view fifty tell string park its easier large read help ship younger rising gate hundred silk policeman dear hidden powerful table further mission
    \n
    Nested track: Item 2.2
    \n     \n     \n '})).bind({});NestedTracks.args={horizontalAlignment:"right",flexIsMultiline:!0};const Multiline=TemplateManyItems.bind({});Multiline.args={flexIsMultiline:!0};const WithFlexLayout=TemplateWithFormItems.bind({});WithFlexLayout.args={flexIsMultiline:!0};const WithGridLayout=TemplateManyItems.bind({});WithGridLayout.args={layout:"grid"};const WithEqualSizeFormItemsFlexRow=TemplateWithFormItems.bind({});WithEqualSizeFormItemsFlexRow.storyName="With equally sized flex items",WithEqualSizeFormItemsFlexRow.args={flexColumnsEqual:!0,flexIsMultiline:!0};const WithEqualSizeFormItemsGridRow=TemplateWithFormItems.bind({});WithEqualSizeFormItemsGridRow.storyName="With equally sized grid items (row by row)",WithEqualSizeFormItemsGridRow.args={layout:"grid"};const WithEqualSizeFormItemsGridCol=TemplateWithFormItems.bind({});WithEqualSizeFormItemsGridCol.storyName="With equally sized grid items (column by column)",WithEqualSizeFormItemsGridCol.args={layout:"grid",gridRows:2};const WithFormItemsComplex=(args=>({props:args,template:'\n \n

    This story compares two layout methods, with some adaptations made for using track with form items.

    \n

    In the first track CSS flex layout is used, so the last item may expand to full width in a separate row if it lacks space. Note that setting CSS variables for cvi-textfield component may be required.

    \n

    In the second track CSS grid layout is used, so the size of all items will always be the same.

    \n

    You can use controls below in "Playground" section to add more items.

    \n     \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})).bind({});WithFormItemsComplex.storyName="With form items (complex layout)",WithFormItemsComplex.parameters={chromatic:{disableSnapshot:!0}},WithFormItemsComplex.argTypes={repeatableItemsFlex:{name:"Number of repeatable items (first track)",table:{category:"Playground"}},repeatableItemsGrid:{name:"Number of repeatable items (second track)",table:{category:"Playground"}}},WithFormItemsComplex.args={flexColumnsEqual:!0,repeatableItemsFlex:1,repeatableItemsGrid:1}},"./libs/ui/src/lib/track/track.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>track_html_stories});const categoryFlex={table:{category:"Props (flex only)"}},track_html_stories={title:"HTML/Track",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-track`\nCorresponding Javascript component | `TrackComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## When to use\n\nUse with multiple children to provide a flex- or grid-like layout and ensure equal gaps between them. CSS variables can be used to customise the layout. In your Javascript component you can assign the CSS variables to conveniently named props.\n\n## How to use\n\nAdd directly to HTML using `.cvi-track*` classes or `@include` mixin `@cvi-track` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"},layout:"padded"},argTypes:{gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},horizontalAlignment:{name:"Horizontal alignment",options:["normal","flex-start","center","flex-end","space-between"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},verticalAlignment:{name:"Vertical alignment",options:["normal","flex-start","center","flex-end"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},flexDirection:Object.assign({name:"Direction",options:["horizontal","vertical","vertical-on-mobile","vertical-reversed-on-mobile"],control:{type:"inline-radio"}},categoryFlex),layout:{name:"Layout method",options:["flex","grid"],control:{type:"inline-radio"}},flexIsMultiline:Object.assign({name:"Is multiline",options:["nowrap","wrap"],control:{type:"inline-radio"}},categoryFlex),flexColumnsEqual:Object.assign({name:"Items have equal width"},categoryFlex),gridRows:Object.assign({name:"Grid rows",control:{type:"number",min:1,max:20,step:1}},{table:{category:"Props (grid only)"}})},args:{gap:1,layout:"flex",horizontalAlignment:"normal",verticalAlignment:"normal",flexDirection:"horizontal",flexIsMultiline:"nowrap",flexColumnsEqual:!1,gridRows:void 0}},Template=args=>({props:args,template:'\n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./dist/libs/icons/build/complete-icon-set.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>completeIconSet});var _cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./dist/libs/icons/build/cvi-action.icon.js"),_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/libs/icons/build/cvi-add.icon.js"),_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_downward.icon.js"),_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_upward.icon.js"),_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-left.icon.js"),_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-right.icon.js"),_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-left.icon.js"),_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-right.icon.js"),_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down-alt.icon.js"),_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down.icon.js"),_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-down.icon.js"),_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-up.icon.js"),_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up-alt.icon.js"),_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up.icon.js"),_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./dist/libs/icons/build/cvi-calendar.icon.js"),_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./dist/libs/icons/build/cvi-call.icon.js"),_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./dist/libs/icons/build/cvi-check-circle-outline.icon.js"),_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./dist/libs/icons/build/cvi-check.icon.js"),_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./dist/libs/icons/build/cvi-close.icon.js"),_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./dist/libs/icons/build/cvi-content-copy.icon.js"),_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./dist/libs/icons/build/cvi-delete.icon.js"),_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./dist/libs/icons/build/cvi-edit-simple.icon.js"),_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./dist/libs/icons/build/cvi-edit.icon.js"),_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./dist/libs/icons/build/cvi-email.icon.js"),_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./dist/libs/icons/build/cvi-error-outline.icon.js"),_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./dist/libs/icons/build/cvi-exit-to-app.icon.js"),_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./dist/libs/icons/build/cvi-filter.icon.js"),_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./dist/libs/icons/build/cvi-happy-face.icon.js"),_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./dist/libs/icons/build/cvi-heart-filled.icon.js"),_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./dist/libs/icons/build/cvi-heart-outline.icon.js"),_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./dist/libs/icons/build/cvi-help-outline.icon.js"),_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./dist/libs/icons/build/cvi-info.icon.js"),_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./dist/libs/icons/build/cvi-input-error.icon.js"),_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./dist/libs/icons/build/cvi-library-add.icon.js"),_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./dist/libs/icons/build/cvi-light-bulb.icon.js"),_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./dist/libs/icons/build/cvi-location.icon.js"),_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./dist/libs/icons/build/cvi-logout.icon.js"),_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./dist/libs/icons/build/cvi-loupe.icon.js"),_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./dist/libs/icons/build/cvi-minus-outlined.icon.js"),_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./dist/libs/icons/build/cvi-open-in-new.icon.js"),_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./dist/libs/icons/build/cvi-outline-circle-xmark.icon.js"),_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./dist/libs/icons/build/cvi-plus-outlined.icon.js"),_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./dist/libs/icons/build/cvi-priority-high.icon.js"),_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./dist/libs/icons/build/cvi-sad-face.icon.js"),_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./dist/libs/icons/build/cvi-screen-share.icon.js"),_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./dist/libs/icons/build/cvi-sort.icon.js"),_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./dist/libs/icons/build/cvi-star-filled.icon.js"),_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./dist/libs/icons/build/cvi-star-outlined.icon.js"),_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./dist/libs/icons/build/cvi-step-icon.icon.js"),_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./dist/libs/icons/build/cvi-success.icon.js"),_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./dist/libs/icons/build/cvi-user.icon.js"),_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./dist/libs/icons/build/cvi-warning-amber.icon.js"),completeIconSet=[_cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__.C,_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__.t,_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__.W,_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__.l,_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__.z,_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__.o,_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__.P,_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__.r,_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__.Q,_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__.a,_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__.O,_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__.i,_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__.T,_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__.y,_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__.y,_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__.A,_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__.f,_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__.I,_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__.s,_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__.R,_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__.w,_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__.T,_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__.t,_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__.M,_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__.D,_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__.J,_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__.y,_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__.Y,_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__.Z,_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__.c,_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__.T,_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__.A,_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__.s,_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__.f,_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__.W,_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__.v,_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__.G,_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__.p,_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__.W,_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__.u,_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__.N,_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__.y,_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__.a,_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__.L,_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__.n,_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__.Q,_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__.x,_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__._,_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__.Z,_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__.W,_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__.i,_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__._]},"./dist/libs/icons/build/cvi-action.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>cviAction});var cviAction={name:"action",data:''}},"./dist/libs/icons/build/cvi-add.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>cviAdd});var cviAdd={name:"add",data:''}},"./dist/libs/icons/build/cvi-arrow-a-left.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>cviArrowALeft});var cviArrowALeft={name:"arrow_a_left",data:''}},"./dist/libs/icons/build/cvi-arrow-a-right.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>cviArrowARight});var cviArrowARight={name:"arrow_a_right",data:''}},"./dist/libs/icons/build/cvi-arrow-b-left.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>cviArrowBLeft});var cviArrowBLeft={name:"arrow_b_left",data:''}},"./dist/libs/icons/build/cvi-arrow-b-right.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>cviArrowBRight});var cviArrowBRight={name:"arrow_b_right",data:''}},"./dist/libs/icons/build/cvi-arrow-down-alt.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>cviArrowDownAlt});var cviArrowDownAlt={name:"arrow_down_alt",data:''}},"./dist/libs/icons/build/cvi-arrow-down.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>cviArrowDown});var cviArrowDown={name:"arrow_down",data:''}},"./dist/libs/icons/build/cvi-arrow-drop-down.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>cviArrowDropDown});var cviArrowDropDown={name:"arrow_drop_down",data:''}},"./dist/libs/icons/build/cvi-arrow-drop-up.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>cviArrowDropUp});var cviArrowDropUp={name:"arrow_drop_up",data:''}},"./dist/libs/icons/build/cvi-arrow-up-alt.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>cviArrowUpAlt});var cviArrowUpAlt={name:"arrow_up_alt",data:''}},"./dist/libs/icons/build/cvi-arrow-up.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviArrowUp});var cviArrowUp={name:"arrow_up",data:''}},"./dist/libs/icons/build/cvi-arrow_downward.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviArrowDownward});var cviArrowDownward={name:"arrow_downward",data:''}},"./dist/libs/icons/build/cvi-arrow_upward.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{l:()=>cviArrowUpward});var cviArrowUpward={name:"arrow_upward",data:''}},"./dist/libs/icons/build/cvi-calendar.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviCalendar});var cviCalendar={name:"calendar",data:''}},"./dist/libs/icons/build/cvi-call.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>cviCall});var cviCall={name:"call",data:''}},"./dist/libs/icons/build/cvi-check-circle-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>cviCheckCircleOutline});var cviCheckCircleOutline={name:"check_circle_outline",data:''}},"./dist/libs/icons/build/cvi-check.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{I:()=>cviCheck});var cviCheck={name:"check",data:''}},"./dist/libs/icons/build/cvi-close.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>cviClose});var cviClose={name:"close",data:''}},"./dist/libs/icons/build/cvi-content-copy.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>cviContentCopy});var cviContentCopy={name:"content_copy",data:''}},"./dist/libs/icons/build/cvi-delete.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>cviDelete});var cviDelete={name:"delete",data:''}},"./dist/libs/icons/build/cvi-edit-simple.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>cviEditSimple});var cviEditSimple={name:"edit_simple",data:''}},"./dist/libs/icons/build/cvi-edit.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>cviEdit});var cviEdit={name:"edit",data:''}},"./dist/libs/icons/build/cvi-email.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>cviEmail});var cviEmail={name:"email",data:''}},"./dist/libs/icons/build/cvi-error-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>cviErrorOutline});var cviErrorOutline={name:"error_outline",data:''}},"./dist/libs/icons/build/cvi-exit-to-app.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>cviExitToApp});var cviExitToApp={name:"exit_to_app",data:''}},"./dist/libs/icons/build/cvi-filter.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviFilter});var cviFilter={name:"filter",data:''}},"./dist/libs/icons/build/cvi-happy-face.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>cviHappyFace});var cviHappyFace={name:"happy_face",data:''}},"./dist/libs/icons/build/cvi-heart-filled.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>cviHeartFilled});var cviHeartFilled={name:"heart_filled",data:''}},"./dist/libs/icons/build/cvi-heart-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>cviHeartOutline});var cviHeartOutline={name:"heart_outline",data:''}},"./dist/libs/icons/build/cvi-help-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>cviHelpOutline});var cviHelpOutline={name:"help_outline",data:''}},"./dist/libs/icons/build/cvi-icon.model.js":()=>{},"./dist/libs/icons/build/cvi-info.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>cviInfo});var cviInfo={name:"info",data:''}},"./dist/libs/icons/build/cvi-input-error.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>cviInputError});var cviInputError={name:"input_error",data:''}},"./dist/libs/icons/build/cvi-library-add.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>cviLibraryAdd});var cviLibraryAdd={name:"library_add",data:''}},"./dist/libs/icons/build/cvi-light-bulb.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviLightBulb});var cviLightBulb={name:"light_bulb",data:''}},"./dist/libs/icons/build/cvi-location.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>cviLocation});var cviLocation={name:"location",data:''}},"./dist/libs/icons/build/cvi-logout.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>cviLogout});var cviLogout={name:"logout",data:''}},"./dist/libs/icons/build/cvi-loupe.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>cviLoupe});var cviLoupe={name:"loupe",data:''}},"./dist/libs/icons/build/cvi-minus-outlined.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviMinusOutlined});var cviMinusOutlined={name:"minus_outlined",data:''}},"./dist/libs/icons/build/cvi-open-in-new.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>cviOpenInNew});var cviOpenInNew={name:"open_in_new",data:''}},"./dist/libs/icons/build/cvi-outline-circle-xmark.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>cviOutlineCircleXmark});var cviOutlineCircleXmark={name:"outline_circle_xmark",data:''}},"./dist/libs/icons/build/cvi-plus-outlined.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviPlusOutlined});var cviPlusOutlined={name:"plus_outlined",data:''}},"./dist/libs/icons/build/cvi-priority-high.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>cviPriorityHigh});var cviPriorityHigh={name:"priority_high",data:''}},"./dist/libs/icons/build/cvi-sad-face.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>cviSadFace});var cviSadFace={name:"sad_face",data:''}},"./dist/libs/icons/build/cvi-screen-share.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>cviScreenShare});var cviScreenShare={name:"screen_share",data:''}},"./dist/libs/icons/build/cvi-sort.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>cviSort});var cviSort={name:"sort",data:''}},"./dist/libs/icons/build/cvi-star-filled.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>cviStarFilled});var cviStarFilled={name:"star_filled",data:''}},"./dist/libs/icons/build/cvi-star-outlined.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>cviStarOutlined});var cviStarOutlined={name:"star_outlined",data:''}},"./dist/libs/icons/build/cvi-step-icon.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>cviStepIcon});var cviStepIcon={name:"step_icon",data:''}},"./dist/libs/icons/build/cvi-success.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviSuccess});var cviSuccess={name:"success",data:''}},"./dist/libs/icons/build/cvi-user.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>cviUser});var cviUser={name:"user",data:''}},"./dist/libs/icons/build/cvi-warning-amber.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>cviWarningAmber});var cviWarningAmber={name:"warning_amber",data:''}},"./dist/libs/icons/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{completeIconSet:()=>_build_complete_icon_set__WEBPACK_IMPORTED_MODULE_52__.g,cviAction:()=>_build_cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__.C,cviAdd:()=>_build_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__.t,cviArrowALeft:()=>_build_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__.z,cviArrowARight:()=>_build_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__.o,cviArrowBLeft:()=>_build_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__.P,cviArrowBRight:()=>_build_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__.r,cviArrowDown:()=>_build_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__.a,cviArrowDownAlt:()=>_build_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__.Q,cviArrowDownward:()=>_build_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__.W,cviArrowDropDown:()=>_build_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__.O,cviArrowDropUp:()=>_build_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__.i,cviArrowUp:()=>_build_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__.y,cviArrowUpAlt:()=>_build_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__.T,cviArrowUpward:()=>_build_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__.l,cviCalendar:()=>_build_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__.y,cviCall:()=>_build_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__.A,cviCheck:()=>_build_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__.I,cviCheckCircleOutline:()=>_build_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__.f,cviClose:()=>_build_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__.s,cviContentCopy:()=>_build_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__.R,cviDelete:()=>_build_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__.w,cviEdit:()=>_build_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__.t,cviEditSimple:()=>_build_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__.T,cviEmail:()=>_build_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__.M,cviErrorOutline:()=>_build_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__.D,cviExitToApp:()=>_build_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__.J,cviFilter:()=>_build_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__.y,cviHappyFace:()=>_build_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__.Y,cviHeartFilled:()=>_build_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__.Z,cviHeartOutline:()=>_build_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__.c,cviHelpOutline:()=>_build_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__.T,cviInfo:()=>_build_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__.A,cviInputError:()=>_build_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__.s,cviLibraryAdd:()=>_build_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__.f,cviLightBulb:()=>_build_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__.W,cviLocation:()=>_build_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__.v,cviLogout:()=>_build_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__.G,cviLoupe:()=>_build_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__.p,cviMinusOutlined:()=>_build_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__.W,cviOpenInNew:()=>_build_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__.u,cviOutlineCircleXmark:()=>_build_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__.N,cviPlusOutlined:()=>_build_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__.y,cviPriorityHigh:()=>_build_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__.a,cviSadFace:()=>_build_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__.L,cviScreenShare:()=>_build_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__.n,cviSort:()=>_build_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__.Q,cviStarFilled:()=>_build_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__.x,cviStarOutlined:()=>_build_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__._,cviStepIcon:()=>_build_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__.Z,cviSuccess:()=>_build_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__.W,cviUser:()=>_build_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__.i,cviWarningAmber:()=>_build_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__._});var _build_cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./dist/libs/icons/build/cvi-action.icon.js"),_build_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/libs/icons/build/cvi-add.icon.js"),_build_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_downward.icon.js"),_build_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_upward.icon.js"),_build_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-left.icon.js"),_build_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-right.icon.js"),_build_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-left.icon.js"),_build_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-right.icon.js"),_build_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down-alt.icon.js"),_build_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down.icon.js"),_build_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-down.icon.js"),_build_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-up.icon.js"),_build_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up-alt.icon.js"),_build_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up.icon.js"),_build_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./dist/libs/icons/build/cvi-calendar.icon.js"),_build_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./dist/libs/icons/build/cvi-call.icon.js"),_build_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./dist/libs/icons/build/cvi-check-circle-outline.icon.js"),_build_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./dist/libs/icons/build/cvi-check.icon.js"),_build_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./dist/libs/icons/build/cvi-close.icon.js"),_build_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./dist/libs/icons/build/cvi-content-copy.icon.js"),_build_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./dist/libs/icons/build/cvi-delete.icon.js"),_build_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./dist/libs/icons/build/cvi-edit-simple.icon.js"),_build_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./dist/libs/icons/build/cvi-edit.icon.js"),_build_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./dist/libs/icons/build/cvi-email.icon.js"),_build_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./dist/libs/icons/build/cvi-error-outline.icon.js"),_build_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./dist/libs/icons/build/cvi-exit-to-app.icon.js"),_build_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./dist/libs/icons/build/cvi-filter.icon.js"),_build_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./dist/libs/icons/build/cvi-happy-face.icon.js"),_build_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./dist/libs/icons/build/cvi-heart-filled.icon.js"),_build_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./dist/libs/icons/build/cvi-heart-outline.icon.js"),_build_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./dist/libs/icons/build/cvi-help-outline.icon.js"),_build_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./dist/libs/icons/build/cvi-info.icon.js"),_build_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./dist/libs/icons/build/cvi-input-error.icon.js"),_build_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./dist/libs/icons/build/cvi-library-add.icon.js"),_build_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./dist/libs/icons/build/cvi-light-bulb.icon.js"),_build_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./dist/libs/icons/build/cvi-location.icon.js"),_build_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./dist/libs/icons/build/cvi-logout.icon.js"),_build_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./dist/libs/icons/build/cvi-loupe.icon.js"),_build_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./dist/libs/icons/build/cvi-minus-outlined.icon.js"),_build_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./dist/libs/icons/build/cvi-open-in-new.icon.js"),_build_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./dist/libs/icons/build/cvi-outline-circle-xmark.icon.js"),_build_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./dist/libs/icons/build/cvi-plus-outlined.icon.js"),_build_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./dist/libs/icons/build/cvi-priority-high.icon.js"),_build_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./dist/libs/icons/build/cvi-sad-face.icon.js"),_build_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./dist/libs/icons/build/cvi-screen-share.icon.js"),_build_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./dist/libs/icons/build/cvi-sort.icon.js"),_build_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./dist/libs/icons/build/cvi-star-filled.icon.js"),_build_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./dist/libs/icons/build/cvi-star-outlined.icon.js"),_build_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./dist/libs/icons/build/cvi-step-icon.icon.js"),_build_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./dist/libs/icons/build/cvi-success.icon.js"),_build_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./dist/libs/icons/build/cvi-user.icon.js"),_build_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./dist/libs/icons/build/cvi-warning-amber.icon.js"),_build_complete_icon_set__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./dist/libs/icons/build/complete-icon-set.js"),_build_cvi_icon_model__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./dist/libs/icons/build/cvi-icon.model.js"),__WEBPACK_REEXPORT_OBJECT__={};for(const __WEBPACK_IMPORT_KEY__ in _build_cvi_icon_model__WEBPACK_IMPORTED_MODULE_53__)["default","cviAction","cviAdd","cviArrowDownward","cviArrowUpward","cviArrowALeft","cviArrowARight","cviArrowBLeft","cviArrowBRight","cviArrowDownAlt","cviArrowDown","cviArrowDropDown","cviArrowDropUp","cviArrowUpAlt","cviArrowUp","cviCalendar","cviCall","cviCheckCircleOutline","cviCheck","cviClose","cviContentCopy","cviDelete","cviEditSimple","cviEdit","cviEmail","cviErrorOutline","cviExitToApp","cviFilter","cviHappyFace","cviHeartFilled","cviHeartOutline","cviHelpOutline","cviInfo","cviInputError","cviLibraryAdd","cviLightBulb","cviLocation","cviLogout","cviLoupe","cviMinusOutlined","cviOpenInNew","cviOutlineCircleXmark","cviPlusOutlined","cviPriorityHigh","cviSadFace","cviScreenShare","cviSort","cviStarFilled","cviStarOutlined","cviStepIcon","cviSuccess","cviUser","cviWarningAmber","completeIconSet"].indexOf(__WEBPACK_IMPORT_KEY__)<0&&(__WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__]=()=>_build_cvi_icon_model__WEBPACK_IMPORTED_MODULE_53__[__WEBPACK_IMPORT_KEY__]);__webpack_require__.d(__webpack_exports__,__WEBPACK_REEXPORT_OBJECT__)},"./libs/storybook/.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:()=>__namedExportsOrder,decorators:()=>decorators,parameters:()=>parameters});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js")),angular=__webpack_require__("./node_modules/@storybook/addon-docs/angular/index.js"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),icons_registry_service=(__webpack_require__("./libs/ui/src/lib/content-container/content-container.component.ts"),__webpack_require__("./libs/ui/src/lib/content-panel/content-panel.component.ts"),__webpack_require__("./libs/ui/src/lib/button/button.component.ts"),__webpack_require__("./libs/ui/src/lib/button/button.ts"),__webpack_require__("./libs/ui/src/lib/status-badge/status-badge.component.ts"),__webpack_require__("./libs/ui/src/lib/form-item/form-item.component.ts"),__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts"),__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts"),__webpack_require__("./libs/ui/src/lib/icons/icons-registry.service.ts")),tslib_es6=(__webpack_require__("./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts"),__webpack_require__("./libs/ui/src/lib/notification/notification.component.ts"),__webpack_require__("./libs/ui/src/lib/input/input.component.ts"),__webpack_require__("./libs/ui/src/lib/steps/steps/steps.component.ts"),__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts"),__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts"),__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts"),__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/option-button/option-button.component.ts"),__webpack_require__("./libs/ui/src/lib/feedback/feedback/feedback.component.ts"),__webpack_require__("./libs/ui/src/lib/accordion/accordion.component.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts"),__webpack_require__("./libs/ui/src/lib/html-section/html-section.component.ts"),__webpack_require__("./libs/ui/src/lib/textarea/textarea.component.ts"),__webpack_require__("./libs/ui/src/lib/html-section/safe-html-pipe.ts"),__webpack_require__("./libs/ui/src/lib/tabs/tab-group.component.ts"),__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),__webpack_require__("./libs/ui/src/lib/tabs/tabs.component.ts"),__webpack_require__("./libs/ui/src/lib/table/body-cell/body-cell.component.ts"),__webpack_require__("./libs/ui/src/lib/table/header-cell/header-cell.component.ts"),__webpack_require__("./libs/ui/src/lib/table/table.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/toc-section.directive.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts"),__webpack_require__("./libs/ui/src/lib/directives/data-attribute.directive.ts"),__webpack_require__("./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts"),__webpack_require__("./libs/ui/src/lib/select/select-templates.directive.ts"),__webpack_require__("./libs/ui/src/lib/select/select-navigation.directive.ts"),__webpack_require__("./libs/ui/src/lib/select/select.component.ts"),__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts"),__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast.service.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast.component.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast-container.component.ts"),__webpack_require__("./libs/ui/src/lib/toast/overlay.ts"),__webpack_require__("./libs/ui/src/lib/track/track.component.ts"),__webpack_require__("./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts"),__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.component.ts"),__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.directive.ts"),__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts"),__webpack_require__("./libs/ui/src/lib/modal/modal.directive.ts"),__webpack_require__("./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts"),__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts"),__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts"),__webpack_require__("./node_modules/tslib/tslib.es6.js")),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),BehaviorSubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js"),filter=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/filter.js");let MessageBusService=class MessageBusService{constructor(){this.message=new BehaviorSubject.X({}),this.message$=type=>this.message.pipe((0,filter.h)((msg=>msg.type===type))),this.push=message=>this.message.next(message),this.getLast=()=>this.message.value}};MessageBusService=(0,tslib_es6.gn)([(0,core.Injectable)({providedIn:"root"})],MessageBusService);__webpack_require__("./libs/ui/src/lib/datepicker/datepicker.component.ts"),__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-calendar.component.ts"),__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts"),__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice.component.ts"),__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts"),__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts"),__webpack_require__("./libs/ui/src/lib/form-message/form-message.directive.ts"),__webpack_require__("./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts"),__webpack_require__("./libs/ui/src/lib/circle/circle.component.ts");var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),http=__webpack_require__("./node_modules/@angular/common/fesm2020/http.mjs"),ngx_translate_core=__webpack_require__("./node_modules/@ngx-translate/core/fesm2020/ngx-translate-core.mjs"),ngx_translate_http_loader=__webpack_require__("./node_modules/@ngx-translate/http-loader/fesm2020/ngx-translate-http-loader.mjs"),et=__webpack_require__("./node_modules/@angular/common/locales/et.mjs");let StorybookSpacingSpecimenComponent=class StorybookSpacingSpecimenComponent{};StorybookSpacingSpecimenComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-spacing-specimen",template:"",styles:[":host {\n display: flex;\n flex-direction: column;\n gap: var(--cvi-spacing-haapsalu);\n}"]})],StorybookSpacingSpecimenComponent);let StorybookSpacingSpecimenItemComponent=class StorybookSpacingSpecimenItemComponent{};StorybookSpacingSpecimenItemComponent.propDecorators={label:[{type:core.Input}]},StorybookSpacingSpecimenItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-spacing-specimen-item",template:'
    \n
    {{ label }}
    \n',styles:['.swatch {\n height: 140px;\n display: flex;\n gap: var(--spacing);\n}\n.swatch::before, .swatch::after {\n content: "";\n background-color: var(--cvi-color-black-coral-16);\n flex: 1 1 0;\n height: 100%;\n}\n.label {\n padding-top: var(--cvi-spacing-paldiski);\n}']})],StorybookSpacingSpecimenItemComponent);let StorybookColorCardsComponent=class StorybookColorCardsComponent{};StorybookColorCardsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-color-cards",template:"",styles:[":host {\n display: flex;\n flex-wrap: wrap;\n gap: var(--cvi-spacing-haapsalu);\n}"]})],StorybookColorCardsComponent);let StorybookColorCardComponent=class StorybookColorCardComponent{};StorybookColorCardComponent.propDecorators={label:[{type:core.Input}]},StorybookColorCardComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-color-card",template:'
    \n
    {{ label }}
    \n',styles:["/* stylelint-disable no-duplicate-selectors */\n:root {\n --cvi-radius-xs: 2px;\n --cvi-radius-s: 4px;\n --cvi-radius-m: 6px;\n --cvi-radius-l: 8px;\n --cvi-radius-pill: 999px;\n}\n:root {\n --cvi-border-width: 2px;\n}\n:root {\n --cvi-shadow-beta-blur: 15px;\n --cvi-shadow-alpha: 0 1px 5px 0 rgba(var(--cvi-color-rgb-black) / 0.15);\n --cvi-shadow-beta: 0 4px var(--cvi-shadow-beta-blur) 0 rgba(var(--cvi-color-rgb-black) / 0.15);\n --cvi-shadow-gamma: 0 0 20px 0 rgba(var(--cvi-color-rgb-sapphire-blue-16) / 0.1);\n --cvi-shadow-delta: inset 1px 0 0 var(--cvi-color-white),\n inset -1px 0 0 var(--cvi-color-white), inset 0 1px 0 var(--cvi-color-white),\n inset 0 -1px 0 var(--cvi-color-white);\n}\n:root {\n --cvi-border-focus: var(--cvi-border-width) solid var(--cvi-color-focus);\n --cvi-shadow-focus: var(--cvi-shadow-delta);\n}\n:root {\n --cvi-form-inline-input-height: 40px;\n --cvi-form-input-border-color: var(--cvi-color-black-coral-5);\n}\n/* stylelint-enable no-duplicate-selectors */\n.swatch {\n aspect-ratio: 1;\n border-radius: var(--cvi-radius-s);\n height: 140px;\n background-color: var(--color);\n}\n.label {\n padding-top: var(--cvi-spacing-paldiski);\n}"]})],StorybookColorCardComponent);let StorybookIconCardsComponent=class StorybookIconCardsComponent{};StorybookIconCardsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-icon-cards",template:"",styles:[":host {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n grid-auto-rows: minmax(100px, 1fr);\n align-items: center;\n justify-items: center;\n gap: var(--cvi-spacing-haapsalu);\n}"]})],StorybookIconCardsComponent);let StorybookIconCardComponent=class StorybookIconCardComponent{};StorybookIconCardComponent.propDecorators={label:[{type:core.Input}]},StorybookIconCardComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-icon-card",template:'
    \n
    {{ label }}
    \n',styles:[":host {\n text-align: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n align-items: center;\n justify-items: center;\n flex-grow: 1;\n}\n\n.icon {\n width: 100%;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n}"]})],StorybookIconCardComponent);let StorybookTypeTesterComponent=class StorybookTypeTesterComponent{constructor(){this.size="100"}get getHostClasses(){return`--size-${this.size}`}};StorybookTypeTesterComponent.propDecorators={size:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},StorybookTypeTesterComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-type-tester",template:"",styles:["/* stylelint-disable-next-line value-keyword-case */\n:root {\n --cvi-font-family-base: $cvi-font-family-base;\n --cvi-font-size-50: 10px;\n --cvi-font-size-70: 12px;\n --cvi-font-size-75: 13px;\n --cvi-font-size-80: 14px;\n --cvi-font-size-100: 16px;\n --cvi-font-size-200: 18px;\n --cvi-font-size-220: 20px;\n --cvi-font-size-250: 24px;\n --cvi-font-size-300: 28px;\n --cvi-font-size-350: 32px;\n --cvi-font-size-400: 36px;\n --cvi-font-size-500: 48px;\n --cvi-line-height-100: 1;\n --cvi-line-height-500: 1.5;\n --cvi-font-weight-alpha: 300;\n --cvi-font-weight-beta: 400;\n --cvi-font-weight-gamma: 500;\n --cvi-font-weight-delta: 700;\n}\n/* stylelint-disable-next-line value-keyword-case */\n:root {\n --cvi-font-family-base: $cvi-font-family-base;\n --cvi-font-size-50: 10px;\n --cvi-font-size-70: 12px;\n --cvi-font-size-75: 13px;\n --cvi-font-size-80: 14px;\n --cvi-font-size-100: 16px;\n --cvi-font-size-200: 18px;\n --cvi-font-size-220: 20px;\n --cvi-font-size-250: 24px;\n --cvi-font-size-300: 28px;\n --cvi-font-size-350: 32px;\n --cvi-font-size-400: 36px;\n --cvi-font-size-500: 48px;\n --cvi-line-height-100: 1;\n --cvi-line-height-500: 1.5;\n --cvi-font-weight-alpha: 300;\n --cvi-font-weight-beta: 400;\n --cvi-font-weight-gamma: 500;\n --cvi-font-weight-delta: 700;\n}\n:host {\n display: block;\n margin-block: 1em;\n line-height: 1.2;\n}\n:host(.--size-50) {\n font-size: var(--cvi-font-size-50);\n}\n:host(.--size-70) {\n font-size: var(--cvi-font-size-70);\n}\n:host(.--size-75) {\n font-size: var(--cvi-font-size-75);\n}\n:host(.--size-80) {\n font-size: var(--cvi-font-size-80);\n}\n:host(.--size-100) {\n font-size: var(--cvi-font-size-100);\n}\n:host(.--size-200) {\n font-size: var(--cvi-font-size-200);\n}\n:host(.--size-220) {\n font-size: var(--cvi-font-size-220);\n}\n:host(.--size-250) {\n font-size: var(--cvi-font-size-250);\n}\n:host(.--size-300) {\n font-size: var(--cvi-font-size-300);\n}\n:host(.--size-350) {\n font-size: var(--cvi-font-size-350);\n}\n:host(.--size-400) {\n font-size: var(--cvi-font-size-400);\n}\n:host(.--size-500) {\n font-size: var(--cvi-font-size-500);\n}"]})],StorybookTypeTesterComponent);let StorybookNoteComponent=class StorybookNoteComponent{};StorybookNoteComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-note",template:'
    \n \n
    \n',styles:["/* stylelint-disable-next-line value-keyword-case */\n:root {\n --cvi-font-family-base: $cvi-font-family-base;\n --cvi-font-size-50: 10px;\n --cvi-font-size-70: 12px;\n --cvi-font-size-75: 13px;\n --cvi-font-size-80: 14px;\n --cvi-font-size-100: 16px;\n --cvi-font-size-200: 18px;\n --cvi-font-size-220: 20px;\n --cvi-font-size-250: 24px;\n --cvi-font-size-300: 28px;\n --cvi-font-size-350: 32px;\n --cvi-font-size-400: 36px;\n --cvi-font-size-500: 48px;\n --cvi-line-height-100: 1;\n --cvi-line-height-500: 1.5;\n --cvi-font-weight-alpha: 300;\n --cvi-font-weight-beta: 400;\n --cvi-font-weight-gamma: 500;\n --cvi-font-weight-delta: 700;\n}\n:host {\n display: block;\n background-color: var(--cvi-color-black-coral-1);\n border: 1px solid var(--cvi-color-black-coral-2);\n margin-inline: 10%;\n border-radius: var(--cvi-radius-m);\n padding: var(--cvi-spacing-paldiski);\n margin-bottom: var(--cvi-spacing-viljandi);\n}\n.content {\n display: block;\n color: var(--cvi-color-black-coral-18);\n font-size: var(--cvi-font-size-80);\n line-height: var(--cvi-line-height-500);\n}"]})],StorybookNoteComponent);const storybookRandomParagraphs=["As soon as the sea swallows the earth, two brothers shall bring a rise of faith.","It shall be then, when the ground shifts, a suspicious malfunction shall cause an age of misfortune and the downfall of an empire.","When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.","It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.","It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.","It shall be on the day that steel turns to rust, two enemies shall cause the toppling of leaders and the beginning of a better future.","The day the rain returns, a victory shall mark an end to hunger and the end of wealth.","When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.","As soon as the sun turns dark, a sudden death shall cause a generation of health and an age of misfortune.","The day fire burns blue, the prophet shall cause an age of anarchy.","When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.","When the moment comes that one becomes many and many becomes one, a man clad in green shall bring forth the dawn of evil and a time of peace.","There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.","When the day comes that the sky falls, a forced marriage shall bring forth an age of anarchy.","Upon the day all is celebrated, a refusal shall cause the rise of education.","The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.","The day temptation is too strong, the foreign one shall bring forth an age of misfortune and the end of history.","It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.","When the moment comes that the dead rise, the accused shall cause an age of lawlessness.","There comes a day when prey kills predator, the young one shall usher forth a strengthening of bonds and new aggressions.","When the sky turns red, a marriage shall usher forth the end of history.","Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.","It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.","Once the sky is thick with water, a forbidden relationship shall cause the downfall of two kingdoms.","The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.","Upon the day the rivers turn green, the stranger shall mark a shift in power.","When the day comes that temptation is too strong, the guilty shall mark an age of justice and the dawn of men.","As soon as the day is shortest, a sudden death shall cause a country's new rise and an age of bliss.","By profession he was a dealer in animals, birds, and snakes. He had a fancier's shop in Groome street, in the heart of the Bowery. This was on the ground-floor. His living abode was in the upper story of that house, and it was there that he kept the twenty-three cats whose necks were adorned with leather collars, and whose numbers had so recently been reduced to twenty-two. But it was not the fact that he possessed twenty-three cats with leather collars that made Mr. Jarvis a celebrity.","Billy's first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.",'"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson," he added, as they walked out, "that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision."','A waiter made an ingratiating gesture towards the basket, but the young man stopped him. "Not on your life, sonny," he said. "This stays right here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.',"\"Too decorous, Comrade Jackson. I came over here principally, it is true, to be at your side, should you be in any way persecuted by scoundrels. But at the same time I confess that at the back of my mind there lurked a hope that stirring adventures might come my way. I had heard so much of the place. Report had it that an earnest seeker after amusement might have a tolerably spacious rag in this modern Byzantium. I thought that a few weeks here might restore that keen edge to my nervous system which the languor of the past term had in a measure blunted. I wished my visit to be a tonic rather than a sedative. I anticipated that on my return the cry would go round Cambridge, 'Psmith has been to New York. He is full of oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff. Rah!' But what do we find?\"","Billy Windsor had started life twenty-five years before this story opens on his father's ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter's post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor's way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.","By the time that Pugsy returned, carrying a five-cent bottle of milk, the animal had vacated the book-shelf, and was sitting on the table, washing her face. The milk having been poured into the lid of a tobacco-tin, in lieu of a saucer, she suspended her operations and adjourned for refreshments. Billy, business being business, turned again to Luella Granville Waterman, but Pugsy, having no immediate duties on hand, concentrated himself on the cat.","This Pokemon is a ground-type Pokemon and looks a lot like a rhinoceros. It has thick legs, a tusked mouth and broken ears. They're generally shy by nature and can often be found in mountainous areas. If you're out looking for them they can often be seen hidden away and on their own. It tends to attack with Spikes and Mud Bomb. It has evolved twice, but can still evolve once more.","This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They're generally threatening by nature and can often be found in labyrinths. If you're out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn't evolved yet, but could do so twice.","This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has stubby fins, pure white scales and a cavernous mouth. They're generally energetic by nature and can often be found during a blizzard. If you're out looking for them they can often be seen among many other kinds of Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.","This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They're generally fearful by nature and can often be found near graveyards. If you're out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn't evolved yet and there are no known evolutions.","This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They're generally playful by nature and can often be found in winter. If you're out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn't evolved yet and there are no known evolutions.","This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They're generally timid by nature and can often be found near sanctuaries. If you're out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn't evolved yet, but could do so once."];var _a,_b;let StorybookRandomParagraphsDirective=class StorybookRandomParagraphsDirective{constructor(el,renderer){this.el=el,this.renderer=renderer,this.minParagraphs=5,this.chromaticIgnoreAttr="ignore",this.maxParagraphs=20}ngAfterViewInit(){const randomParagraphsCount=Math.floor(Math.random()*(this.maxParagraphs-this.minParagraphs)+this.minParagraphs);let text="";for(let index=0;index${storybookRandomParagraphs[Math.floor(Math.random()*storybookRandomParagraphs.length)]}

    `}};var storybook_current_component_directive_a,storybook_current_component_directive_b;StorybookRandomParagraphsDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}],StorybookRandomParagraphsDirective.propDecorators={minParagraphs:[{type:core.Input,args:["cviNgStorybookRandomParagraphs"]}],chromaticIgnoreAttr:[{type:core.HostBinding,args:["attr.data-chromatic"]}]},StorybookRandomParagraphsDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cviNgStorybookRandomParagraphs]"}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ElementRef&&core.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==core.Renderer2&&core.Renderer2)?_b:Object])],StorybookRandomParagraphsDirective);let StorybookCurrentComponentDirective=class StorybookCurrentComponentDirective{constructor(el,renderer){this.el=el,this.renderer=renderer,this.baseClass="u-storybook-current-component"}ngAfterViewInit(){this.renderer.addClass(this.el.nativeElement,this.baseClass),this.renderer.addClass(this.el.nativeElement,`${this.baseClass}--type-${this.type?this.type:"cover"}`)}};var storybook_input_directive_a,storybook_input_directive_b;StorybookCurrentComponentDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}],StorybookCurrentComponentDirective.propDecorators={type:[{type:core.Input,args:["cviNgStorybookCurrentComponent"]}]},StorybookCurrentComponentDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cviNgStorybookCurrentComponent]"}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(storybook_current_component_directive_a=void 0!==core.ElementRef&&core.ElementRef)?storybook_current_component_directive_a:Object,"function"==typeof(storybook_current_component_directive_b=void 0!==core.Renderer2&&core.Renderer2)?storybook_current_component_directive_b:Object])],StorybookCurrentComponentDirective);let StorybookInputDirective=class StorybookInputDirective{constructor(el,renderer){this.el=el,this.renderer=renderer,this.baseClass="u-storybook-input"}ngAfterViewInit(){this.renderer.addClass(this.el.nativeElement,this.baseClass)}};StorybookInputDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}],StorybookInputDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cviNgStorybookInput]"}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(storybook_input_directive_a=void 0!==core.ElementRef&&core.ElementRef)?storybook_input_directive_a:Object,"function"==typeof(storybook_input_directive_b=void 0!==core.Renderer2&&core.Renderer2)?storybook_input_directive_b:Object])],StorybookInputDirective);var storybook_module_a,storybook_module_b,animations=__webpack_require__("./node_modules/@angular/platform-browser/fesm2020/animations.mjs"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");(0,common.qS)(et.Z);const components=[StorybookColorCardsComponent,StorybookColorCardComponent,StorybookIconCardsComponent,StorybookIconCardComponent,StorybookTypeTesterComponent,StorybookNoteComponent,StorybookSpacingSpecimenComponent,StorybookSpacingSpecimenItemComponent,StorybookRandomParagraphsDirective,StorybookCurrentComponentDirective,StorybookInputDirective];let StorybookModule=class StorybookModule{constructor(registry,translate){this.registry=registry,this.registry.registerIcons(storybook_icons.X),translate.setDefaultLang("et"),translate.use("et")}};StorybookModule.ctorParameters=()=>[{type:icons_registry_service.Z},{type:ngx_translate_core.sK}],StorybookModule=(0,tslib_es6.gn)([(0,core.NgModule)({imports:[animations.PW,http.JF,common.ez,ngx_translate_core.aw.forRoot({loader:{provide:ngx_translate_core.Zw,useFactory:function HttpLoaderFactory(http){return new ngx_translate_http_loader.w(http,"i18n/",".json")},deps:[http.eN]}})],declarations:[...components],exports:[...components,ngx_translate_core.aw],providers:[{provide:core.LOCALE_ID,useValue:"et"}]}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(storybook_module_a=void 0!==icons_registry_service.Z&&icons_registry_service.Z)?storybook_module_a:Object,"function"==typeof(storybook_module_b=void 0!==ngx_translate_core.sK&&ngx_translate_core.sK)?storybook_module_b:Object])],StorybookModule);const documentation_namespaceObject=JSON.parse('{"pipes":[{"name":"FormMessageSeverityToHeaderIconPipe","id":"pipe-FormMessageSeverityToHeaderIconPipe-18559529edb779b764feb5c07bacef88224f45b45b54b0723125c0c89d992ff82b7243ef6e3c0bd90b47810ef4fc44dfc9d0931c1309fdf3b9cb264080af2d57","file":"libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"severity","type":"FormMessageSeverity","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"severity","type":"FormMessageSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"FormMessageSeverityToHeaderIcon","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { FormMessageSeverity } from \'./form-message\';\\n\\n@Pipe({\\n name: \'FormMessageSeverityToHeaderIcon\',\\n})\\nexport class FormMessageSeverityToHeaderIconPipe implements PipeTransform {\\n transform(severity: FormMessageSeverity): CviIconName | undefined {\\n if (severity === \'warning\') {\\n return \'warning_amber\';\\n }\\n return severity === \'error\' ? \'error_outline\' : undefined;\\n }\\n}\\n"},{"name":"NotificationSeverityToHeaderIconPipe","id":"pipe-NotificationSeverityToHeaderIconPipe-daa044e800fabac1e206a94e11a4c20cef1361861b88880591858c810b0a254459a91ddafb5a90f7199ac82685cabf45524ffdca4892f950b2c3f1d688e0e771","file":"libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"severity","type":"NotificationSeverity","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"severity","type":"NotificationSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toHeaderIcon","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { NotificationSeverity } from \'./notification\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Pipe({\\n name: \'toHeaderIcon\',\\n})\\nexport class NotificationSeverityToHeaderIconPipe implements PipeTransform {\\n transform(severity: NotificationSeverity): CviIconName | undefined {\\n if (severity === \'success\') {\\n return \'check_circle_outline\';\\n }\\n if (severity === \'warning\') {\\n return \'warning_amber\';\\n }\\n if (severity === \'error\') {\\n return \'error_outline\';\\n }\\n return severity === \'info\' ? \'info\' : undefined;\\n }\\n}\\n"},{"name":"SafeHtmlPipe","id":"pipe-SafeHtmlPipe-aad60fa8f99d9367907c905027510e274e832fbc19ecb6c62d2135cbea40169f0390afdd1c89f69b4cc8a59c2452700c76030a6449572f9d8e73bf7bb828343e","file":"libs/ui/src/lib/html-section/safe-html-pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"sanitize","args":[{"name":"dirty","type":"string","deprecated":false,"deprecationMessage":""},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":""},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"string","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"dirty","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"transform","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":""},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":11,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"safeHtml","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { DomSanitizer } from \'@angular/platform-browser\';\\nimport sanitizeHtml, { AllowedAttribute, Attributes } from \'sanitize-html\';\\n\\n@Pipe({\\n name: \'safeHtml\',\\n})\\nexport class SafeHtmlPipe implements PipeTransform {\\n constructor(private readonly sanitizer: DomSanitizer) {}\\n\\n transform(\\n value: string,\\n allowedTags: string[],\\n allowedAttributes: Record\\n ): string {\\n const sanitizedHtml = this.sanitize(\\n value ? value : \'\',\\n allowedTags,\\n allowedAttributes\\n );\\n return this.sanitizer.bypassSecurityTrustHtml(sanitizedHtml) as string;\\n }\\n\\n private sanitize(\\n dirty: string,\\n allowedTags: string[],\\n allowedAttributes?: Record\\n ): string {\\n return sanitizeHtml(dirty, {\\n allowedTags: sanitizeHtml?.defaults?.allowedTags?.concat(allowedTags),\\n allowedAttributes: {\\n ...sanitizeHtml?.defaults?.allowedAttributes,\\n \'*\': [\'class\'],\\n ...allowedAttributes,\\n },\\n });\\n }\\n}\\n"},{"name":"TimedNoticeSeverityToIconPipe","id":"pipe-TimedNoticeSeverityToIconPipe-524791e7ae6afe03f7136a9007b8b2905e142da6a7b9179039990f6388ae0c049452df5a5702258aad7aa7efdf37e52f27db9aecd00e0886112de06b0f6e9d73","file":"libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"severity","type":"TimedNoticeSeverity","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"severity","type":"TimedNoticeSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toHeaderIcon","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { TimedNoticeSeverity } from \'./timed-notice\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Pipe({\\n name: \'toHeaderIcon\',\\n})\\nexport class TimedNoticeSeverityToIconPipe implements PipeTransform {\\n transform(severity: TimedNoticeSeverity): CviIconName | undefined {\\n if (severity === \'success\') {\\n return \'check\';\\n }\\n if (severity === \'error\') {\\n return \'priority_high\';\\n }\\n return severity === \'info\' ? \'calendar\' : undefined;\\n }\\n}\\n"},{"name":"ToStepCircleIconNamePipe","id":"pipe-ToStepCircleIconNamePipe-df08b562bf524c528e527bb8b4bf7a524e3218f1c4555ce022e882b72fa8b5a0c7bb3871d98416a44ceb9c67721cb3872dcd153e3708538f18633f2300930ebf","file":"libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":8,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toStepCircleIconName","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Pipe({\\n name: \'toStepCircleIconName\',\\n})\\nexport class ToStepCircleIconNamePipe implements PipeTransform {\\n transform(value: \'error\' | \'success\' | null): CviIconName | undefined {\\n switch (value) {\\n case \'success\':\\n return \'check\';\\n case \'error\':\\n return \'close\';\\n default:\\n return undefined;\\n }\\n }\\n}\\n"},{"name":"ToStepCircleSeverityPipe","id":"pipe-ToStepCircleSeverityPipe-f21ed93dddf980ad954b577264b464f68e31b35361101ade525008273eff021f25acf8ab36d48051ba07684fa8e9b6e809708235138accac599bd5dbe647ee02","file":"libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CircleSeverity","typeParameters":[],"line":8,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toStepCircleSeverity","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { CircleSeverity } from \'../../circle/circle\';\\n\\n@Pipe({\\n name: \'toStepCircleSeverity\',\\n})\\nexport class ToStepCircleSeverityPipe implements PipeTransform {\\n transform(value: \'error\' | \'success\' | null): CircleSeverity {\\n switch (value) {\\n case \'success\':\\n return \'success\';\\n case \'error\':\\n return \'error\';\\n default:\\n return \'none\';\\n }\\n }\\n}\\n"}],"interfaces":[{"name":"ActiveToast","id":"interface-ActiveToast-7c7358fddcbd23beffc15d944afcbe75bd6fe1a6ef937a8599f10e4f11a7bf4ab94ba0c313b6a299778ebe6f94684aa4546e787d01083ed2fcdc98652ada6248","file":"libs/ui/src/lib/toast/toast.service.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import {\\n ApplicationRef,\\n ComponentRef,\\n createComponent,\\n EmbeddedViewRef,\\n Inject,\\n Injectable,\\n Injector,\\n} from \'@angular/core\';\\nimport { Overlay } from \'./overlay\';\\nimport { ToastComponent } from \'./toast.component\';\\nimport {\\n TOAST_CONFIG,\\n ToastConfig,\\n ToastPackage,\\n ToastToken,\\n} from \'./toast-config\';\\n\\nexport interface ActiveToast {\\n id: number;\\n title: string;\\n message: string;\\n componentRef: ComponentRef;\\n}\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class ToastService {\\n private readonly toastConfig: ToastConfig;\\n private readonly toasts: ActiveToast[] = [];\\n private nextUniqueId = 0;\\n\\n constructor(\\n @Inject(TOAST_CONFIG) token: ToastToken,\\n private readonly overlay: Overlay,\\n private readonly injector: Injector,\\n private readonly appRef: ApplicationRef\\n ) {\\n this.toastConfig = {\\n ...token.default,\\n ...token.config,\\n };\\n }\\n\\n success(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.success;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n info(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.info;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n warning(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.warning;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n error(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.error;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n private buildAndDisplayNotification(\\n toastType: string,\\n title?: string,\\n message?: string\\n ): ActiveToast {\\n const toastPackage = new ToastPackage(\\n this.nextUniqueId++,\\n this.toastConfig,\\n toastType,\\n title,\\n message\\n );\\n\\n const toastInjector = Injector.create({\\n providers: [{ provide: ToastPackage, useValue: toastPackage }],\\n parent: this.injector,\\n });\\n const toastComponentRef = createComponent(ToastComponent, {\\n environmentInjector: this.appRef.injector,\\n elementInjector: toastInjector,\\n });\\n\\n const toast: ActiveToast = {\\n id: toastPackage.id,\\n title: title || \'\',\\n message: message || \'\',\\n componentRef: toastComponentRef,\\n };\\n\\n this.toasts.push(toast);\\n\\n const toastContainerRef = this.overlay.getContainerElement();\\n const containerElement: Element = toastContainerRef.location.nativeElement;\\n\\n containerElement.insertBefore(\\n this.getComponentRootNode(toastComponentRef),\\n containerElement.firstChild\\n );\\n this.appRef.attachView(toastComponentRef.hostView);\\n\\n return toast;\\n }\\n\\n remove(toastId: number) {\\n const toastIndex = this.findToast(toastId);\\n\\n if (toastIndex === -1) {\\n return;\\n }\\n\\n const removedToast = this.toasts.splice(toastIndex, 1)[0];\\n removedToast.componentRef.destroy();\\n }\\n\\n private findToast(id: number): number {\\n return this.toasts.findIndex((toast) => toast.id === id);\\n }\\n\\n private getComponentRootNode(componentRef: ComponentRef): HTMLElement {\\n return (componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0] as HTMLElement;\\n }\\n}\\n","properties":[{"name":"componentRef","deprecated":false,"deprecationMessage":"","type":"ComponentRef","optional":false,"description":"","line":23},{"name":"id","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":20},{"name":"message","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":22},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":21}],"indexSignatures":[],"kind":165,"methods":[],"readme":"

    General description

    \\n

    ToastService is an injectable service and can be used to show success, info, warning\\nand error toasts.

    \\n

    Where to use

    \\n

    Can be used everywhere you need to show toasts. \\nJust inject the ToastService into your component or service and\\ncall the adequate method to show toasts on the top right side of the screen.

    \\n"},{"name":"Box","id":"interface-Box-2b2a54ce2ce3c83fa721499240eea8be5b542448b1822fd3576807961546d9f08cd6c295018ddba0abea5f28271b02c3fefa6bb302136ea6056f17ae39ce3672","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface Box {\\n id: string;\\n label: string;\\n color: string;\\n borderStyle?: \'none\' | \'dotted\' | \'solid\';\\n borderColor?: string;\\n targets?: string[];\\n href?: string;\\n width?: number;\\n height?: number;\\n x?: number;\\n y?: number;\\n x0?: number;\\n y0?: number;\\n}\\n","properties":[{"name":"borderColor","deprecated":false,"deprecationMessage":"","type":"string","optional":true,"description":"","line":6},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","type":"\\"none\\" | \\"dotted\\" | \\"solid\\"","optional":true,"description":"","line":5},{"name":"color","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":4},{"name":"height","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":10},{"name":"href","deprecated":false,"deprecationMessage":"","type":"string","optional":true,"description":"","line":8},{"name":"id","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":2},{"name":"label","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":3},{"name":"targets","deprecated":false,"deprecationMessage":"","type":"string[]","optional":true,"description":"","line":7},{"name":"width","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":9},{"name":"x","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":11},{"name":"x0","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":13},{"name":"y","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":12},{"name":"y0","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":14}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"BoxNode","id":"interface-BoxNode-0cb11d7fb8af74e57bdf5339186745346a465e2e0428c1300d6a29915e90ccfc893cfd067d52ab3b2b31d19a4f7091b9a4f97677b4d5fd55f9e16bdeefb7590a","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box-node.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { Box } from \'./box\';\\n\\nexport interface BoxNode {\\n data: Box;\\n children?: BoxNode[];\\n parent?: BoxNode;\\n}\\n","properties":[{"name":"children","deprecated":false,"deprecationMessage":"","type":"BoxNode[]","optional":true,"description":"","line":5},{"name":"data","deprecated":false,"deprecationMessage":"","type":"Box","optional":false,"description":"","line":4},{"name":"parent","deprecated":false,"deprecationMessage":"","type":"BoxNode","optional":true,"description":"","line":6}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"Chainable","id":"interface-Chainable-cb612385d81b07be0aad52bfcb00cbe7bc4da71bb724b45a152d9ab4e7d4b2760a0b20ca8bca793febb910c5eecfd0756929a822af47a6ff4c538299ea673b8c","file":"apps/react-sandbox-e2e/src/support/commands.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"declare namespace Cypress {\\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\\n interface Chainable {\\n login(email: string, password: string): void;\\n }\\n}\\n//\\n// -- This is a parent command --\\nCypress.Commands.add(\'login\', (email, password) => {\\n console.log(\'Custom command example: Login\', email, password);\\n});\\n//\\n// -- This is a child command --\\n// Cypress.Commands.add(\\"drag\\", { prevSubject: \'element\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This is a dual command --\\n// Cypress.Commands.add(\\"dismiss\\", { prevSubject: \'optional\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This will overwrite an existing command --\\n// Cypress.Commands.overwrite(\\"visit\\", (originalFn, url, options) => { ... })\\n","properties":[],"indexSignatures":[],"kind":167,"methods":[{"name":"login","args":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":""},{"name":"password","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":15,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"password","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}]},{"name":"Chainable","id":"interface-Chainable-881aa0e21e68a10dac6e00694d5374633814d73621a72fbc0f6227a7ec83a76c8b262205d9663ab8cf88232f989847ac371726a392275ee75ad4c4b90278b566-1","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import {\\n ButtonAppearance,\\n ButtonSize,\\n NotificationSeverity,\\n NotificationSize,\\n RadioGroupAppearance,\\n LabeledIconPosition,\\n LabeledIconVerticalAlignment,\\n} from \'@egov/cvi-ng\';\\n\\ntype AttrNameValuePair = { name: string; value: string | number };\\n\\ntype Device = \'desktop\' | \'tablet\' | \'mobile\';\\n\\ndeclare global {\\n // eslint-disable-next-line @typescript-eslint/no-namespace\\n namespace Cypress {\\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\\n interface Chainable {\\n shouldBeVisible(element: string): Cypress.Chainable;\\n\\n shouldNotBeVisible(element: string): Cypress.Chainable;\\n\\n shouldNotBeVisibleA11y(element: string): Cypress.Chainable;\\n\\n shouldBeVisibleA11y(element: string): Cypress.Chainable;\\n\\n shouldExist(element: string | string[]): Cypress.Chainable;\\n\\n shouldNotExist(element: string): Cypress.Chainable;\\n\\n shouldHaveClasses(\\n element: string,\\n className: string | string[]\\n ): Cypress.Chainable;\\n\\n shouldNotHaveClasses(\\n element: string,\\n className: string | string[]\\n ): Cypress.Chainable;\\n\\n shouldHaveCSSVar(\\n element: string,\\n cssVarName: string,\\n cssVarValue: string\\n ): Cypress.Chainable;\\n\\n shouldBeFirstChild(firstElement: string): Cypress.Chainable;\\n\\n shouldBeLastChild(lastElement: string): Cypress.Chainable;\\n\\n shouldBeOnlyChild(lastElement: string): Cypress.Chainable;\\n\\n shouldHaveBefore(element: string, prevElement: string): Cypress.Chainable;\\n\\n shouldHaveAfter(element: string, nextElement: string): Cypress.Chainable;\\n\\n shouldHaveAttributes(\\n element: string,\\n attrNameValuePair: AttrNameValuePair | AttrNameValuePair[]\\n ): Cypress.Chainable;\\n\\n shouldHaveStyle(\\n element: string,\\n attrNameValuePair: AttrNameValuePair | AttrNameValuePair[]\\n ): Cypress.Chainable;\\n\\n setDevice(device: Device): void;\\n\\n storyAction(actionName: string): void;\\n\\n runStepsCommonTest(): void;\\n\\n runNotificationCommonTest(\\n type: NotificationSeverity,\\n size: NotificationSize,\\n showIcon: boolean,\\n showCloseButton: boolean,\\n iconName: string\\n ): void;\\n\\n runLabeledIconCommonTest(\\n alignment: LabeledIconVerticalAlignment,\\n iconPosition: LabeledIconPosition\\n ): void;\\n\\n runButtonCommonTest(appearance: ButtonAppearance, size: ButtonSize): void;\\n\\n runRadioGroupCommonTest(\\n appearance: RadioGroupAppearance\\n ): Cypress.Chainable;\\n\\n reorderableListItemShouldHaveOrderNr(orderNr: number);\\n\\n reorderableListItemShouldHaveName(\\n orderNr: number,\\n name: string\\n ): Cypress.Chainable;\\n }\\n }\\n}\\n\\nCypress.Commands.add(\'shouldBeVisible\', (element) => {\\n cy.get(element).should(\'be.visible\');\\n});\\n\\nCypress.Commands.add(\'shouldNotBeVisible\', (element) => {\\n cy.get(element).should(\'not.be.visible\');\\n});\\n\\n// cvi-screenreader-text class or mixin applied\\nCypress.Commands.add(\'shouldNotBeVisibleA11y\', (element) => {\\n cy.get(element).should(\'have.css\', \'clip\', \'rect(0px, 0px, 0px, 0px)\');\\n});\\n\\nCypress.Commands.add(\'shouldBeVisibleA11y\', (element) => {\\n cy.get(element).should(\'not.have.css\', \'clip\', \'rect(0px, 0px, 0px, 0px)\');\\n});\\n\\nCypress.Commands.add(\'shouldExist\', (element) => {\\n [].concat(element || []).forEach((value) => cy.get(value).should(\'exist\'));\\n});\\n\\nCypress.Commands.add(\'shouldNotExist\', (element) => {\\n cy.get(element).should(\'not.exist\');\\n});\\n\\nCypress.Commands.add(\'shouldHaveClasses\', (element, className) => {\\n cy.get(element);\\n\\n [].concat(className || []).forEach((value) => cy.should(\'have.class\', value));\\n});\\n\\nCypress.Commands.add(\'shouldNotHaveClasses\', (element, className) => {\\n cy.get(element);\\n\\n []\\n .concat(className || [])\\n .forEach((value) => cy.should(\'not.have.class\', value));\\n});\\n\\nCypress.Commands.add(\'shouldHaveAttributes\', (element, attrNameValuePair) => {\\n cy.get(element);\\n\\n []\\n .concat(attrNameValuePair || [])\\n .forEach((value) => cy.should(\'have.attr\', value.name, value.value));\\n});\\n\\nCypress.Commands.add(\\n \'shouldHaveCSSVar\',\\n (element: string, cssVarName: string, cssVarValue: string) => {\\n cy.window().then((win) => {\\n cy.get(element).should(($el) => {\\n const customProp = win\\n .getComputedStyle($el[0])\\n .getPropertyValue(cssVarName)\\n .trim();\\n expect(customProp).to.equal(cssVarValue);\\n });\\n });\\n }\\n);\\n\\nCypress.Commands.add(\'shouldBeFirstChild\', (firstElement: string) => {\\n cy.get(firstElement).should(($el) => {\\n expect($el.is(\':first-child\')).to.be.true;\\n });\\n});\\n\\nCypress.Commands.add(\'shouldBeLastChild\', (lastElement: string) => {\\n cy.get(lastElement).should(($el) => {\\n expect($el.is(\':last-child\')).to.be.true;\\n });\\n});\\n\\nCypress.Commands.add(\'shouldBeOnlyChild\', (lastElement: string) => {\\n cy.get(lastElement).should(($el) => {\\n expect($el.is(\':only-child\')).to.be.true;\\n });\\n});\\n\\nCypress.Commands.add(\\n \'shouldHaveBefore\',\\n (element: string, prevElement: string) => {\\n cy.get(element).should(($el) => {\\n expect($el.prev(prevElement)).to.have.length(1);\\n });\\n }\\n);\\n\\nCypress.Commands.add(\\n \'shouldHaveAfter\',\\n (element: string, nextElement: string) => {\\n cy.get(element).should(($el) => {\\n expect($el.next(nextElement)).to.have.length(1);\\n });\\n }\\n);\\n\\nCypress.Commands.add(\'shouldHaveStyle\', (element, attrNameValuePair) => {\\n cy.get(element);\\n\\n []\\n .concat(attrNameValuePair || [])\\n .forEach((value) => cy.should(\'have.css\', value.name, value.value));\\n});\\n\\nCypress.Commands.add(\'setDevice\', (device = \'desktop\') => {\\n if (device === \'tablet\') {\\n cy.viewport(\'ipad-2\');\\n } else if (device === \'mobile\') {\\n cy.viewport(\'iphone-xr\');\\n } else {\\n cy.viewport(1000, 660);\\n }\\n});\\n\\nCypress.Commands.add(\'storyAction\', (actionName) => {\\n cy.document().then((doc) => {\\n const stub = cy.stub().as(actionName);\\n doc.addEventListener(actionName, (e: CustomEvent) => stub(e.detail));\\n });\\n});\\n\\nCypress.Commands.add(\'runStepsCommonTest\', () => {\\n cy.shouldNotBeVisible(\'[data-cy=\\"step_1\\"]\')\\n .shouldNotHaveClasses(\'[data-cy=\\"cvi-steps__list-item_0\\"]\', [\\n \'is-past\',\\n \'is-current\',\\n ])\\n .click()\\n .shouldHaveClasses(\'[data-cy=\\"cvi-steps__list-item_0\\"]\', [\\n \'is-past\',\\n \'is-current\',\\n ])\\n .shouldBeVisible(\'[data-cy=\\"step_1\\"]\')\\n .shouldNotExist(\'[data-cy=\\"previous_step_button_0\\"]\')\\n .shouldExist(\'[data-cy=\\"next_step_button_0\\"]\');\\n});\\n\\nCypress.Commands.add(\\n \'runNotificationCommonTest\',\\n (\\n type = \'info\',\\n size = \'regular\',\\n showIcon = false,\\n showCloseButton = true,\\n iconName = \'\'\\n ) => {\\n cy.get(\'cvi-ng-notification\').within(() => {\\n cy.shouldHaveClasses(\'[data-cy=\\"notification\\"]\', [\\n \'cvi-notification\',\\n `cvi-notification--severity-${type}`,\\n `cvi-notification--size-${size}`,\\n ]);\\n\\n if (showCloseButton) {\\n cy.get(\'[data-cy=\\"notification\\"]\').within(() => {\\n cy.shouldHaveClasses(\'button\', \'cvi-notification__close-button\')\\n .click()\\n .within(() => {\\n cy.shouldHaveAttributes(\'[data-cy=\\"close-icon\\"]\', {\\n name: \'name\',\\n value: \'close\',\\n });\\n });\\n });\\n } else {\\n cy.shouldNotExist(\'[data-cy=\\"close-icon\\"]\');\\n }\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"inner\\"]\',\\n \'cvi-notification__inner\'\\n ).within(() => {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"content\\"]\',\\n \'cvi-notification__content\'\\n );\\n if (size === \'compact\') {\\n if (showIcon) {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"icon\\"]\',\\n \'cvi-notification__content-icon-wrapper\'\\n ).shouldHaveAttributes(\'[data-cy=\\"icon\\"]\', {\\n name: \'ng-reflect-name\',\\n value: iconName,\\n });\\n } else {\\n cy.shouldNotExist(\'[data-cy=\\"icon\\"]\');\\n }\\n } else {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"header\\"]\',\\n \'cvi-notification__header\'\\n );\\n\\n if (showIcon) {\\n cy.get(\'[data-cy=\\"header\\"]\').within(() => {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"header-icon\\"]\',\\n \'cvi-notification__header-icon-wrapper\'\\n ).shouldHaveAttributes(\'[data-cy=\\"header-icon\\"]\', {\\n name: \'ng-reflect-name\',\\n value: iconName,\\n });\\n });\\n } else {\\n cy.shouldNotExist(\'cvi-ng-labeled-icon\');\\n }\\n }\\n });\\n });\\n }\\n);\\n\\nCypress.Commands.add(\'runLabeledIconCommonTest\', (alignment, iconPosition) => {\\n cy.shouldHaveClasses(\'cvi-ng-labeled-icon\', [\'cvi-labeled-icon\']).within(\\n () => {\\n cy.shouldHaveCSSVar(\\n \'cvi-ng-track\',\\n \'--vertical-alignment\',\\n alignment === \'normal\' ? \'\' : \'center\'\\n ).within(() => {\\n cy.shouldExist(\'cvi-ng-icon\');\\n if (iconPosition === \'after\') {\\n cy.shouldBeLastChild(\'cvi-ng-icon\');\\n } else {\\n cy.shouldBeFirstChild(\'cvi-ng-icon\');\\n }\\n });\\n cy.shouldHaveClasses(\'div\', \'cvi-labeled-icon__content\');\\n }\\n );\\n});\\n\\nCypress.Commands.add(\'runButtonCommonTest\', (appearance, size) => {\\n cy.shouldHaveClasses(\'cvi-ng-button\', [\\n \'cvi-button\',\\n `cvi-button--appearance-${appearance}`,\\n `cvi-button--size-${size}`,\\n ]).shouldHaveClasses(\'button\', \'cvi-button__button\');\\n});\\n\\nCypress.Commands.add(\'runRadioGroupCommonTest\', (appearance) => {\\n cy.shouldHaveClasses(\'cvi-ng-radio-group\', [\\n \'cvi-radio-group\',\\n `cvi-radio-group--appearance-${appearance}`,\\n ])\\n .shouldHaveClasses(\'fieldset\', \'cvi-radio-group__inner\')\\n .shouldHaveClasses(\'legend\', \'cvi-radio-group__title\')\\n .shouldHaveClasses(\'div\', \'cvi-radio-group__list\');\\n});\\n\\nCypress.Commands.add(\'reorderableListItemShouldHaveOrderNr\', (orderNr) => {\\n cy.get(`[data-cy=\\"step-${orderNr}-order-nr\\"]`).contains(orderNr);\\n});\\n\\nCypress.Commands.add(\'reorderableListItemShouldHaveName\', (orderNr, name) => {\\n cy.get(`[data-cy=\\"step-${orderNr}-name\\"]`).within(() => {\\n cy.get(\'input\').should(\'have.value\', name);\\n });\\n});\\n","properties":[],"indexSignatures":[],"kind":167,"methods":[{"name":"reorderableListItemShouldHaveName","args":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":""},{"name":"name","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":105,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"name","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"reorderableListItemShouldHaveOrderNr","args":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"any","typeParameters":[],"line":103,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runButtonCommonTest","args":[{"name":"appearance","type":"ButtonAppearance","deprecated":false,"deprecationMessage":""},{"name":"size","type":"ButtonSize","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"appearance","type":"ButtonAppearance","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"size","type":"ButtonSize","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runLabeledIconCommonTest","args":[{"name":"alignment","type":"LabeledIconVerticalAlignment","deprecated":false,"deprecationMessage":""},{"name":"iconPosition","type":"LabeledIconPosition","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":92,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"alignment","type":"LabeledIconVerticalAlignment","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"iconPosition","type":"LabeledIconPosition","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runNotificationCommonTest","args":[{"name":"type","type":"NotificationSeverity","deprecated":false,"deprecationMessage":""},{"name":"size","type":"NotificationSize","deprecated":false,"deprecationMessage":""},{"name":"showIcon","type":"boolean","deprecated":false,"deprecationMessage":""},{"name":"showCloseButton","type":"boolean","deprecated":false,"deprecationMessage":""},{"name":"iconName","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"type","type":"NotificationSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"size","type":"NotificationSize","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"showIcon","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"showCloseButton","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"iconName","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runRadioGroupCommonTest","args":[{"name":"appearance","type":"RadioGroupAppearance","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":99,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"appearance","type":"RadioGroupAppearance","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runStepsCommonTest","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":82,"deprecated":false,"deprecationMessage":""},{"name":"setDevice","args":[{"name":"device","type":"Device","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":78,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"device","type":"Device","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeFirstChild","args":[{"name":"firstElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":58,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"firstElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeLastChild","args":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":60,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeOnlyChild","args":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":62,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeVisible","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeVisibleA11y","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldExist","args":[{"name":"element","type":"string | string[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string | string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveAfter","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"nextElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":66,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"nextElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveAttributes","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":68,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveBefore","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"prevElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":64,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"prevElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveClasses","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":42,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveCSSVar","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"cssVarName","type":"string","deprecated":false,"deprecationMessage":""},{"name":"cssVarValue","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":52,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cssVarName","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cssVarValue","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveStyle","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotBeVisible","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":32,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotBeVisibleA11y","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":34,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotExist","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":40,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotHaveClasses","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":47,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"storyAction","args":[{"name":"actionName","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":80,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"actionName","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"isDuplicate":true,"duplicateId":1,"duplicateName":"Chainable-1"},{"name":"Chainable","id":"interface-Chainable-cb612385d81b07be0aad52bfcb00cbe7bc4da71bb724b45a152d9ab4e7d4b2760a0b20ca8bca793febb910c5eecfd0756929a822af47a6ff4c538299ea673b8c-2","file":"apps/ria-e2e/src/support/commands.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"declare namespace Cypress {\\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\\n interface Chainable {\\n login(email: string, password: string): void;\\n }\\n}\\n//\\n// -- This is a parent command --\\nCypress.Commands.add(\'login\', (email, password) => {\\n console.log(\'Custom command example: Login\', email, password);\\n});\\n//\\n// -- This is a child command --\\n// Cypress.Commands.add(\\"drag\\", { prevSubject: \'element\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This is a dual command --\\n// Cypress.Commands.add(\\"dismiss\\", { prevSubject: \'optional\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This will overwrite an existing command --\\n// Cypress.Commands.overwrite(\\"visit\\", (originalFn, url, options) => { ... })\\n","properties":[],"indexSignatures":[],"kind":167,"methods":[{"name":"login","args":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":""},{"name":"password","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":15,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"password","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"isDuplicate":true,"duplicateId":2,"duplicateName":"Chainable-2"},{"name":"HierarchyResult","id":"interface-HierarchyResult-f812af331617f0fd6eec74d50db655e3b28ec51df5dc98064bbdc448b817b929b2706d7dd4dc8c62e9121bcc58f09a2ccdcb72cfc79bfde7fa31c96f5ff3c6fc","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchy-result.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { BoxNode } from \'./box-node\';\\n\\nexport interface HierarchyResult {\\n rootNode: BoxNode;\\n additionalLinks: { source: string; target: string }[];\\n}\\n","properties":[{"name":"additionalLinks","deprecated":false,"deprecationMessage":"","type":"literal type[]","optional":false,"description":"","line":5},{"name":"rootNode","deprecated":false,"deprecationMessage":"","type":"BoxNode","optional":false,"description":"","line":4}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"Message","id":"interface-Message-d40212705d871d8ae63ea36e7b8f68624c1c04a8bffc5b331ad33aab2a63309e19cc28327f831d90750bf3e35edd6a639f3cc760837a1f9bc9d65c38d92db8da","file":"libs/ui/src/lib/message-bus/message-bus.service.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { BehaviorSubject, filter, Observable } from \'rxjs\';\\n\\nexport interface Message {\\n type: string;\\n data?: never;\\n}\\n\\n@Injectable({\\n providedIn: \'root\',\\n})\\nexport class MessageBusService {\\n private message = new BehaviorSubject({} as Message);\\n\\n message$ = (type: string): Observable =>\\n this.message.pipe(filter((msg) => msg.type === type));\\n\\n push = (message: Message) => this.message.next(message);\\n\\n getLast = () => this.message.value;\\n}\\n","properties":[{"name":"data","deprecated":false,"deprecationMessage":"","type":"never","optional":true,"description":"","line":6},{"name":"type","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":5}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"SelectOption","id":"interface-SelectOption-f5ff0647afb44c53eba290a2acca0f69b1b36878bc15190ad527e39a50f78d2a50fa3e606e65e965f142a7b9322c320d5e6c71fdcbb01e42d03f11e9fc7cbe20","file":"libs/ui/src/lib/select/select.types.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface SelectOption {\\n label: string;\\n value: any;\\n}\\n","properties":[{"name":"label","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":2},{"name":"value","deprecated":false,"deprecationMessage":"","type":"any","optional":false,"description":"","line":3}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"SwapReorderableListItems","id":"interface-SwapReorderableListItems-99dd115b3ff45cd166bdf32e8097628d6887fe24edbb90ccc023a04efb9a1669d5ae2359190c268cfa8e838343529e8f90b4ce56b744120bebca5a97c659a0eb","file":"libs/ui/src/lib/reorderable-list/swap-reorderable-list-items.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface SwapReorderableListItems {\\n index1: number;\\n index2: number;\\n}\\n","properties":[{"name":"index1","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":2},{"name":"index2","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":3}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"ToastConfig","id":"interface-ToastConfig-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","properties":[{"name":"easeTime","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":7},{"name":"extendedTimeOut","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":8},{"name":"progressBar","deprecated":false,"deprecationMessage":"","type":"boolean","optional":false,"description":"","line":6},{"name":"timeOut","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":4},{"name":"toastTypes","deprecated":false,"deprecationMessage":"","type":"ToastTypes","optional":false,"description":"","line":5}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"ToastToken","id":"interface-ToastToken-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","properties":[{"name":"config","deprecated":false,"deprecationMessage":"","type":"Partial","optional":false,"description":"","line":20},{"name":"default","deprecated":false,"deprecationMessage":"","type":"ToastConfig","optional":false,"description":"","line":19}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"ToastTypes","id":"interface-ToastTypes-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","properties":[{"name":"error","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":12},{"name":"info","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":13},{"name":"success","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":14},{"name":"warning","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":15}],"indexSignatures":[],"kind":165,"methods":[]}],"injectables":[{"name":"IconsRegistry","id":"injectable-IconsRegistry-63cd83c52888c13872a77607bd541384fbd33f850dc8008212943f8df0d630732d857125d3993ea8dfb4fbbec2024a184f0e149efebf378ec76d25ca2d6ae374","file":"libs/ui/src/lib/icons/icons-registry.service.ts","properties":[{"name":"registry","defaultValue":"new Map()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":8,"modifierKind":[121]}],"methods":[{"name":"getIcon","args":[{"name":"iconName","type":"CviIconName","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | undefined","typeParameters":[],"line":14,"deprecated":false,"deprecationMessage":"","modifierKind":[123],"jsdoctags":[{"name":"iconName","type":"CviIconName","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerIcons","args":[{"name":"icons","type":"CviIcon[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":10,"deprecated":false,"deprecationMessage":"","modifierKind":[123],"jsdoctags":[{"name":"icons","type":"CviIcon[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { CviIcon, CviIconName } from \'@egov/cvi-icons\';\\n\\n@Injectable({\\n providedIn: \'root\',\\n})\\nexport class IconsRegistry {\\n private registry = new Map();\\n\\n public registerIcons(icons: CviIcon[]): void {\\n icons.forEach((icon: CviIcon) => this.registry.set(icon.name, icon.data));\\n }\\n\\n public getIcon(iconName: CviIconName): string | undefined {\\n if (!this.registry.has(iconName)) {\\n console.warn(\\n `We could not find the Icon with the name ${iconName}, did you add it to the IconRegistry?`\\n );\\n }\\n return this.registry.get(iconName);\\n }\\n}\\n","type":"injectable"},{"name":"MessageBusService","id":"injectable-MessageBusService-d40212705d871d8ae63ea36e7b8f68624c1c04a8bffc5b331ad33aab2a63309e19cc28327f831d90750bf3e35edd6a639f3cc760837a1f9bc9d65c38d92db8da","file":"libs/ui/src/lib/message-bus/message-bus.service.ts","properties":[{"name":"getLast","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":20},{"name":"message","defaultValue":"new BehaviorSubject({} as Message)","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":13,"modifierKind":[121]},{"name":"message$","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":15},{"name":"push","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":18}],"methods":[],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { BehaviorSubject, filter, Observable } from \'rxjs\';\\n\\nexport interface Message {\\n type: string;\\n data?: never;\\n}\\n\\n@Injectable({\\n providedIn: \'root\',\\n})\\nexport class MessageBusService {\\n private message = new BehaviorSubject({} as Message);\\n\\n message$ = (type: string): Observable =>\\n this.message.pipe(filter((msg) => msg.type === type));\\n\\n push = (message: Message) => this.message.next(message);\\n\\n getLast = () => this.message.value;\\n}\\n","type":"injectable"},{"name":"Overlay","id":"injectable-Overlay-743c9257e5e7f97aeb23236e17c33a316f8ee1fe16c682b675097b936617f37504e3ac00bb0b6590ecbfb0d6e097d0faf488fbe0427b8554eed30619d1d1c691","file":"libs/ui/src/lib/toast/overlay.ts","properties":[{"name":"containerRef","deprecated":false,"deprecationMessage":"","type":"ComponentRef","optional":false,"description":"","line":16,"modifierKind":[121]}],"methods":[{"name":"createContainer","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"getContainerElement","args":[],"optional":false,"returnType":"ComponentRef","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":""},{"name":"ngOnDestroy","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import {\\n ApplicationRef,\\n ComponentRef,\\n createComponent,\\n Inject,\\n Injectable,\\n OnDestroy,\\n Injector,\\n EmbeddedViewRef,\\n} from \'@angular/core\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { ToastContainerComponent } from \'./toast-container.component\';\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class Overlay implements OnDestroy {\\n private containerRef!: ComponentRef;\\n\\n constructor(\\n private readonly appRef: ApplicationRef,\\n private readonly injector: Injector,\\n @Inject(DOCUMENT) private readonly document: Document\\n ) {}\\n\\n ngOnDestroy() {\\n if (this.containerRef) {\\n this.containerRef.destroy();\\n }\\n }\\n\\n getContainerElement(): ComponentRef {\\n if (!this.containerRef) {\\n this.createContainer();\\n }\\n\\n return this.containerRef;\\n }\\n\\n private createContainer(): void {\\n this.containerRef = createComponent(ToastContainerComponent, {\\n environmentInjector: this.appRef.injector,\\n elementInjector: this.injector,\\n });\\n this.appRef.attachView(this.containerRef.hostView);\\n const domElement = (this.containerRef.hostView as EmbeddedViewRef)\\n .rootNodes[0] as HTMLElement;\\n this.document.body.appendChild(domElement);\\n }\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":""},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""}],"line":16,"jsdoctags":[{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"type":"injectable"},{"name":"TableOfContentsService","id":"injectable-TableOfContentsService-0164de2d4d8bf71b547d7ad36fee8cb37b38b79e917240df05008bc21c1fd4d27acaa5a5ad0a7ac0d83794cf675f87d36c47cd66c6f5d62767def80071fff394","file":"libs/ui/src/lib/table-of-contents/table-of-contents.service.ts","properties":[{"name":"currentToCSection$","defaultValue":"this.currentToCSectionSource.asObservable()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":9},{"name":"currentToCSectionSource","defaultValue":"new BehaviorSubject(\'toc-0\')","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":7,"modifierKind":[121]},{"name":"currentToCSectionTimestamp","deprecated":false,"deprecationMessage":"","type":"number | undefined","optional":false,"description":"","line":6,"modifierKind":[121]},{"name":"toCItemToHighlight","deprecated":false,"deprecationMessage":"","type":"string | undefined","optional":false,"description":"","line":10}],"methods":[{"name":"highlightToCSectionAndSetAsCurrent","args":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"parseNumberPartFromId","args":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setCurrentToCSection","args":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":""},{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"void","typeParameters":[],"line":18,"deprecated":false,"deprecationMessage":"","rawdescription":"\\nTimestamp is for ordering sections that are set at the same time","description":"

    Timestamp is for ordering sections that are set at the same time

    \\n","jsdoctags":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { BehaviorSubject } from \'rxjs\';\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class TableOfContentsService {\\n private currentToCSectionTimestamp: number | undefined;\\n private currentToCSectionSource = new BehaviorSubject(\'toc-0\');\\n\\n currentToCSection$ = this.currentToCSectionSource.asObservable();\\n toCItemToHighlight: string | undefined;\\n\\n highlightToCSectionAndSetAsCurrent(id: string) {\\n this.toCItemToHighlight = id;\\n this.setCurrentToCSection(id);\\n }\\n\\n /** Timestamp is for ordering sections that are set at the same time */\\n setCurrentToCSection(id: string, timestamp?: number) {\\n if (timestamp && !this.currentToCSectionTimestamp) {\\n this.currentToCSectionTimestamp = timestamp;\\n this.currentToCSectionSource.next(id);\\n return;\\n }\\n\\n if (timestamp && timestamp === this.currentToCSectionTimestamp) {\\n const next = this.parseNumberPartFromId(id);\\n const previous = this.parseNumberPartFromId(\\n this.currentToCSectionSource.getValue()\\n );\\n if (next > previous) {\\n return;\\n }\\n }\\n this.currentToCSectionTimestamp = timestamp;\\n this.currentToCSectionSource.next(id);\\n }\\n\\n private parseNumberPartFromId(id: string): number {\\n const num = Number(id.split(\'-\').pop());\\n return !isNaN(num) ? num : -1;\\n }\\n}\\n","type":"injectable"},{"name":"ToastService","id":"injectable-ToastService-7c7358fddcbd23beffc15d944afcbe75bd6fe1a6ef937a8599f10e4f11a7bf4ab94ba0c313b6a299778ebe6f94684aa4546e787d01083ed2fcdc98652ada6248","file":"libs/ui/src/lib/toast/toast.service.ts","properties":[{"name":"nextUniqueId","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":30,"modifierKind":[121]},{"name":"toastConfig","deprecated":false,"deprecationMessage":"","type":"ToastConfig","optional":false,"description":"","line":28,"modifierKind":[121,144]},{"name":"toasts","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"ActiveToast[]","optional":false,"description":"","line":29,"modifierKind":[121,144]}],"methods":[{"name":"buildAndDisplayNotification","args":[{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":""},{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":64,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"error","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"findToast","args":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":118,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getComponentRootNode","args":[{"name":"componentRef","type":"ComponentRef","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"HTMLElement","typeParameters":[],"line":122,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"componentRef","type":"ComponentRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"info","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":49,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"remove","args":[{"name":"toastId","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":107,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"toastId","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"success","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":44,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"warning","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":54,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import {\\n ApplicationRef,\\n ComponentRef,\\n createComponent,\\n EmbeddedViewRef,\\n Inject,\\n Injectable,\\n Injector,\\n} from \'@angular/core\';\\nimport { Overlay } from \'./overlay\';\\nimport { ToastComponent } from \'./toast.component\';\\nimport {\\n TOAST_CONFIG,\\n ToastConfig,\\n ToastPackage,\\n ToastToken,\\n} from \'./toast-config\';\\n\\nexport interface ActiveToast {\\n id: number;\\n title: string;\\n message: string;\\n componentRef: ComponentRef;\\n}\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class ToastService {\\n private readonly toastConfig: ToastConfig;\\n private readonly toasts: ActiveToast[] = [];\\n private nextUniqueId = 0;\\n\\n constructor(\\n @Inject(TOAST_CONFIG) token: ToastToken,\\n private readonly overlay: Overlay,\\n private readonly injector: Injector,\\n private readonly appRef: ApplicationRef\\n ) {\\n this.toastConfig = {\\n ...token.default,\\n ...token.config,\\n };\\n }\\n\\n success(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.success;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n info(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.info;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n warning(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.warning;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n error(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.error;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n private buildAndDisplayNotification(\\n toastType: string,\\n title?: string,\\n message?: string\\n ): ActiveToast {\\n const toastPackage = new ToastPackage(\\n this.nextUniqueId++,\\n this.toastConfig,\\n toastType,\\n title,\\n message\\n );\\n\\n const toastInjector = Injector.create({\\n providers: [{ provide: ToastPackage, useValue: toastPackage }],\\n parent: this.injector,\\n });\\n const toastComponentRef = createComponent(ToastComponent, {\\n environmentInjector: this.appRef.injector,\\n elementInjector: toastInjector,\\n });\\n\\n const toast: ActiveToast = {\\n id: toastPackage.id,\\n title: title || \'\',\\n message: message || \'\',\\n componentRef: toastComponentRef,\\n };\\n\\n this.toasts.push(toast);\\n\\n const toastContainerRef = this.overlay.getContainerElement();\\n const containerElement: Element = toastContainerRef.location.nativeElement;\\n\\n containerElement.insertBefore(\\n this.getComponentRootNode(toastComponentRef),\\n containerElement.firstChild\\n );\\n this.appRef.attachView(toastComponentRef.hostView);\\n\\n return toast;\\n }\\n\\n remove(toastId: number) {\\n const toastIndex = this.findToast(toastId);\\n\\n if (toastIndex === -1) {\\n return;\\n }\\n\\n const removedToast = this.toasts.splice(toastIndex, 1)[0];\\n removedToast.componentRef.destroy();\\n }\\n\\n private findToast(id: number): number {\\n return this.toasts.findIndex((toast) => toast.id === id);\\n }\\n\\n private getComponentRootNode(componentRef: ComponentRef): HTMLElement {\\n return (componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0] as HTMLElement;\\n }\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"token","type":"ToastToken","deprecated":false,"deprecationMessage":""},{"name":"overlay","type":"Overlay","deprecated":false,"deprecationMessage":""},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":""},{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":""}],"line":30,"jsdoctags":[{"name":"token","type":"ToastToken","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"overlay","type":"Overlay","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"type":"injectable","readme":"

    General description

    \\n

    ToastService is an injectable service and can be used to show success, info, warning\\nand error toasts.

    \\n

    Where to use

    \\n

    Can be used everywhere you need to show toasts. \\nJust inject the ToastService into your component or service and\\ncall the adequate method to show toasts on the top right side of the screen.

    \\n"}],"guards":[],"interceptors":[],"classes":[{"name":"DatepickerLabelConfig","id":"class-DatepickerLabelConfig-1333b442da05ef8f56dc540edd49e1f7c98917cc5005aa3017a422d569f3e17eb9784cfb3d4a838e510115d17593ff5d1740f376b9c87e0bb7cda7f3d53921e3","file":"libs/ui/src/lib/datepicker/datepicker-label.config.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { Observable } from \'rxjs\';\\n\\nexport abstract class DatepickerLabelConfig {\\n abstract getDayShorthandLabels(): Observable;\\n\\n abstract getDayFullLabels(): Observable;\\n\\n abstract getMonthLabels(): Observable;\\n\\n abstract getScreenReaderLabel(): Observable;\\n\\n abstract getScreenReaderDescription(): Observable;\\n}\\n","properties":[],"methods":[{"name":"getDayFullLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":6,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getDayShorthandLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":4,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getMonthLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":8,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getScreenReaderDescription","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getScreenReaderLabel","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":10,"deprecated":false,"deprecationMessage":"","modifierKind":[126]}],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]},{"name":"DefaultDatepickerLabelConfig","id":"class-DefaultDatepickerLabelConfig-b220720c455b78e33ae572f3fa087b3b25055258538a1201fcb03eac1678b196e663080a5c7c2549515ad8d2b4a2d18af34b73c236ac4e46ac683df05d5c6bc4","file":"libs/ui/src/lib/datepicker/default-datepicker-label.config.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { Observable, of } from \'rxjs\';\\nimport { DatepickerLabelConfig } from \'./datepicker-label.config\';\\n\\nexport class DefaultDatepickerLabelConfig implements DatepickerLabelConfig {\\n getDayShorthandLabels(): Observable {\\n return of([\'E\', \'T\', \'K\', \'N\', \'R\', \'L\', \'P\']);\\n }\\n\\n getDayFullLabels(): Observable {\\n return of([\\n \'Esmaspäev\',\\n \'Teisipäev\',\\n \'Kolmapäev\',\\n \'Neljapäev\',\\n \'Reede\',\\n \'Laupäev\',\\n \'Pühapäev\',\\n ]);\\n }\\n\\n getMonthLabels(): Observable {\\n return of([\\n \'Jaanuar\',\\n \'Veebruar\',\\n \'Märts\',\\n \'Aprill\',\\n \'Mai\',\\n \'Juuni\',\\n \'Juuli\',\\n \'August\',\\n \'September\',\\n \'Oktoober\',\\n \'November\',\\n \'Detsember\',\\n ]);\\n }\\n\\n getScreenReaderLabel(): Observable {\\n return of(\'Vali kuupäev\');\\n }\\n getScreenReaderDescription(): Observable {\\n return of(\'Nõutud kuupäeva formaat: dd.MM.yyyy\');\\n }\\n}\\n","properties":[],"methods":[{"name":"getDayFullLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":""},{"name":"getDayShorthandLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":5,"deprecated":false,"deprecationMessage":""},{"name":"getMonthLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":21,"deprecated":false,"deprecationMessage":""},{"name":"getScreenReaderDescription","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":41,"deprecated":false,"deprecationMessage":""},{"name":"getScreenReaderLabel","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":""}],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[],"implements":["DatepickerLabelConfig"]},{"name":"ReorderableListExampleBaseComponent","id":"class-ReorderableListExampleBaseComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","properties":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10}],"methods":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":""},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]},{"name":"SelectItemsList","id":"class-SelectItemsList-a23dd4cd01da61c41ab098445a431b0a835845f459ffb9304d06cdfc1a12bed64a1ed79a953736fdbb4c114a93b5153352860c6355975fa5859945f1792e1425","file":"libs/ui/src/lib/select/select-items-list.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { SelectOption } from \'./select.types\';\\nimport { SelectComponent } from \'./select.component\';\\n\\nexport class SelectItemsList {\\n private _filteredItems: SelectOption[] = [];\\n private _items: SelectOption[] = [];\\n private _selectedItem?: SelectOption;\\n\\n constructor(private _select: SelectComponent) {}\\n\\n get selectedItem(): SelectOption | undefined {\\n return this._selectedItem;\\n }\\n\\n get selectedItemValue(): string | undefined {\\n if (this._selectedItem) {\\n if (this._select.valueFormatFn) {\\n return this._select.valueFormatFn(this._selectedItem.label);\\n } else {\\n return this._selectedItem.label;\\n }\\n }\\n return undefined;\\n }\\n\\n get filteredItems(): SelectOption[] {\\n return this._filteredItems;\\n }\\n\\n get items(): SelectOption[] {\\n return this._items;\\n }\\n\\n select(item: SelectOption) {\\n this._selectedItem = item;\\n }\\n\\n clearSelection() {\\n this._selectedItem = undefined;\\n }\\n\\n setItems(items: unknown[]) {\\n this._items = items.map((item) => this.mapItem(item));\\n\\n if (this._select.sortItemsFn instanceof Function) {\\n const sortFn = this._select.sortItemsFn;\\n\\n this._items.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n }\\n\\n this._filteredItems = [...this._items];\\n }\\n\\n addItem(item: any) {\\n const option = this.mapItem(item);\\n this._items.push(option);\\n this._filteredItems.push(option);\\n\\n if (this._select.sortItemsFn instanceof Function) {\\n const sortFn = this._select.sortItemsFn;\\n\\n this._items.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n\\n this._filteredItems.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n }\\n\\n return option;\\n }\\n\\n mapItem(item: any): SelectOption {\\n const label = this._select.bindLabel ? item[this._select.bindLabel] : item;\\n\\n return {\\n label,\\n value: item,\\n };\\n }\\n\\n findItem(value: any): SelectOption | undefined {\\n return this._items.find((item) => item.value === value);\\n }\\n\\n filter(term: string): void {\\n if (!term) {\\n this.resetFilteredItems();\\n return;\\n }\\n\\n if (this._select.searchFn) {\\n this._filteredItems = this._items.filter((item) =>\\n (this._select.searchFn as any)(term, item.value)\\n );\\n } else {\\n this._filteredItems = this._items.filter((item) =>\\n this.defaultSearchFn(term, item)\\n );\\n }\\n }\\n\\n resetFilteredItems() {\\n if (this._filteredItems.length === this._items.length) {\\n return;\\n }\\n\\n this._filteredItems = [...this._items];\\n }\\n\\n sortItems(sortFn: (a: unknown, b: unknown) => number) {\\n this._items.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n\\n this._filteredItems.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n }\\n\\n private defaultSearchFn(search: string, option: SelectOption) {\\n return option.label.indexOf(search) > -1;\\n }\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"_select","type":"SelectComponent","deprecated":false,"deprecationMessage":""}],"line":7,"jsdoctags":[{"name":"_select","type":"SelectComponent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"properties":[{"name":"_filteredItems","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"SelectOption[]","optional":false,"description":"","line":5,"modifierKind":[121]},{"name":"_items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"SelectOption[]","optional":false,"description":"","line":6,"modifierKind":[121]},{"name":"_selectedItem","deprecated":false,"deprecationMessage":"","type":"SelectOption","optional":true,"description":"","line":7,"modifierKind":[121]}],"methods":[{"name":"addItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SelectOption","typeParameters":[],"line":56,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"clearSelection","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":""},{"name":"defaultSearchFn","args":[{"name":"search","type":"string","deprecated":false,"deprecationMessage":""},{"name":"option","type":"SelectOption","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":124,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"search","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"option","type":"SelectOption","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"filter","args":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":89,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"findItem","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SelectOption | undefined","typeParameters":[],"line":85,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"mapItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SelectOption","typeParameters":[],"line":76,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"resetFilteredItems","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":106,"deprecated":false,"deprecationMessage":""},{"name":"select","args":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":34,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setItems","args":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":42,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"sortItems","args":[{"name":"sortFn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"a","type":"","deprecated":false,"deprecationMessage":""},{"name":"b","type":"","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":114,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"sortFn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"a","type":"","deprecated":false,"deprecationMessage":""},{"name":"b","type":"","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]}],"indexSignatures":[],"accessors":{"selectedItem":{"name":"selectedItem","getSignature":{"name":"selectedItem","type":"","returnType":"SelectOption | undefined","line":11}},"selectedItemValue":{"name":"selectedItemValue","getSignature":{"name":"selectedItemValue","type":"","returnType":"string | undefined","line":15}},"filteredItems":{"name":"filteredItems","getSignature":{"name":"filteredItems","type":"[]","returnType":"SelectOption[]","line":26}},"items":{"name":"items","getSignature":{"name":"items","type":"[]","returnType":"SelectOption[]","line":30}}},"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]},{"name":"ToastPackage","id":"class-ToastPackage-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":""},{"name":"config","type":"ToastConfig","deprecated":false,"deprecationMessage":""},{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":""},{"name":"title","type":"string | undefined","deprecated":false,"deprecationMessage":""},{"name":"message","type":"string | undefined","deprecated":false,"deprecationMessage":""}],"line":38,"jsdoctags":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"config","type":"ToastConfig","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"title","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"message","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"properties":[{"name":"config","deprecated":false,"deprecationMessage":"","type":"ToastConfig","optional":false,"description":"","line":41,"modifierKind":[123]},{"name":"id","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":40,"modifierKind":[123]},{"name":"message","deprecated":false,"deprecationMessage":"","type":"string | undefined","optional":false,"description":"","line":44,"modifierKind":[123]},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string | undefined","optional":false,"description":"","line":43,"modifierKind":[123]},{"name":"toastType","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":42,"modifierKind":[123]}],"methods":[],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]}],"directives":[{"name":"AccordionContentDirective","id":"directive-AccordionContentDirective-8fc25b46d2c34f9d93e5efd83015b7087eaed904a25709e2f07f98792a56713208054b32ff6cb61cdf295077a3faca7766a58a8cecc9146736222cb202d60471","file":"libs/ui/src/lib/accordion/directives/accordion-content.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgAccordionContent]\',\\n})\\nexport class AccordionContentDirective {\\n constructor(public templateRef: TemplateRef) {}\\n}\\n","selector":"[cviNgAccordionContent]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":7,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"templateRef","type":"TemplateRef","deprecated":false,"deprecationMessage":""}],"line":6,"jsdoctags":[{"name":"templateRef","type":"TemplateRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"AccordionHeaderDirective","id":"directive-AccordionHeaderDirective-04c27e1739793ea3e2ceaa3cf4d59204df7edae1b20aa2508fba2a0a11df18721cc52ace330499137042d81d498b905d95a25ad03c84ec198803016e0d776bf5","file":"libs/ui/src/lib/accordion/directives/accordion-header.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgAccordionHeader]\',\\n})\\nexport class AccordionHeaderDirective {\\n constructor(public templateRef: TemplateRef | null) {}\\n}\\n","selector":"[cviNgAccordionHeader]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef | null","optional":false,"description":"","line":7,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":""}],"line":6,"jsdoctags":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"AccordionItemDirective","id":"directive-AccordionItemDirective-702b6635de8bf862d7bd37c2cf6d528044ac287717bfc33178f8753bf06538ff89f0891e28a9b52ce3c96e5d0d9b0afc5a91b9a032326cd160f74a8aa5da9eca","file":"libs/ui/src/lib/accordion/directives/accordion-item.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { ContentChild, Directive, Input } from \'@angular/core\';\\nimport { AccordionContentDirective } from \'./accordion-content.directive\';\\nimport { AccordionHeaderDirective } from \'./accordion-header.directive\';\\nimport { AccordionTitleDirective } from \'./accordion-title.directive\';\\n\\n@Directive({\\n // eslint-disable-next-line @angular-eslint/directive-selector\\n selector: \'cvi-ng-accordion-item\',\\n})\\nexport class AccordionItemDirective {\\n @Input() title = \'\';\\n @Input() details = \'\';\\n @Input() disabled = false;\\n @ContentChild(AccordionContentDirective) content!: AccordionContentDirective;\\n @ContentChild(AccordionTitleDirective) customTitle!: AccordionTitleDirective;\\n @ContentChild(AccordionHeaderDirective)\\n customHeader!: AccordionHeaderDirective;\\n}\\n","selector":"cvi-ng-accordion-item","providers":[],"inputsClass":[{"name":"details","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":12,"type":"string","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":13,"type":"boolean","decorators":[]},{"name":"title","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":11,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"content","deprecated":false,"deprecationMessage":"","type":"AccordionContentDirective","optional":false,"description":"","line":14,"decorators":[{"name":"ContentChild","stringifiedArguments":"AccordionContentDirective"}]},{"name":"customHeader","deprecated":false,"deprecationMessage":"","type":"AccordionHeaderDirective","optional":false,"description":"","line":17,"decorators":[{"name":"ContentChild","stringifiedArguments":"AccordionHeaderDirective"}]},{"name":"customTitle","deprecated":false,"deprecationMessage":"","type":"AccordionTitleDirective","optional":false,"description":"","line":15,"decorators":[{"name":"ContentChild","stringifiedArguments":"AccordionTitleDirective"}]}],"methodsClass":[]},{"name":"AccordionTitleDirective","id":"directive-AccordionTitleDirective-0ec2d00ab99a2ba5fde85fbbbe99b99cea47fd04ab286bb39d24ec286f7e5b92e2d82a45d3f80df9fb860d10a0204d64cbe405374542aefece6376f14ef44124","file":"libs/ui/src/lib/accordion/directives/accordion-title.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgAccordionTitle]\',\\n})\\nexport class AccordionTitleDirective {\\n constructor(public templateRef: TemplateRef | null) {}\\n}\\n","selector":"[cviNgAccordionTitle]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef | null","optional":false,"description":"","line":7,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":""}],"line":6,"jsdoctags":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"CharacterCounterDirective","id":"directive-CharacterCounterDirective-f39494699f7bb313b17fc02ca3bbe732379452e3d5f57b30f0d0b13762f60d48fd29bfa3bc0c061c7891b7e64913fff7f5ffb791d572225b136fe261a52af69a","file":"libs/ui/src/lib/character-counter/character-counter.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n AfterViewInit,\\n ComponentRef,\\n Directive,\\n ElementRef,\\n HostListener,\\n Input,\\n Renderer2,\\n ViewContainerRef,\\n} from \'@angular/core\';\\nimport { CharacterCounterComponent } from \'./character-counter.component\';\\n\\n@Directive({\\n selector: \'[cviNgCharacterCounter]\',\\n exportAs: \'cviNgCharacterCounter\',\\n})\\nexport class CharacterCounterDirective implements AfterViewInit {\\n @Input() maxChars = \'\';\\n\\n private componentRef: ComponentRef | null = null;\\n private inputRef: HTMLInputElement | HTMLTextAreaElement | null = null;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private viewContainerRef: ViewContainerRef,\\n private renderer: Renderer2\\n ) {}\\n\\n @HostListener(\'input\')\\n onInputChange() {\\n if (this.componentRef && this.inputRef !== null) {\\n this.componentRef.instance.charsUsed = this.inputRef.value.length;\\n this.componentRef.instance.detectChanges();\\n }\\n }\\n\\n @HostListener(\'ngModelChange\', [\'$event\'])\\n onModelChange(event: string) {\\n const length = String(event)?.length;\\n if (this.componentRef && length !== undefined) {\\n this.componentRef.instance.charsUsed = length;\\n this.componentRef.instance.detectChanges();\\n }\\n }\\n\\n ngAfterViewInit() {\\n const childNode = Array.from(this.elementRef.nativeElement.childNodes).find(\\n (el: any) =>\\n ((el.nodeName === \'INPUT\' && el.type === \'text\') ||\\n el.nodeName === \'TEXTAREA\') &&\\n ((el.maxLength !== -1 && el.maxLength !== 524288) || this.maxChars)\\n );\\n\\n if (childNode !== undefined) {\\n if (this.maxChars) {\\n this.renderer.setAttribute(childNode, \'maxLength\', this.maxChars);\\n }\\n this.inputRef = childNode as HTMLInputElement | HTMLTextAreaElement;\\n }\\n\\n if (this.componentRef === null && this.inputRef !== null) {\\n this.componentRef = this.viewContainerRef.createComponent(\\n CharacterCounterComponent\\n );\\n this.componentRef.instance.charsUsed = this.inputRef.value.length;\\n this.componentRef.instance.charsMax = this.inputRef.maxLength;\\n\\n setTimeout(() => this.onInputChange());\\n }\\n }\\n}\\n","selector":"[cviNgCharacterCounter]","providers":[],"inputsClass":[{"name":"maxChars","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"input","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":30},{"name":"ngModelChange","args":[{"name":"event","type":"string","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":38}],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":20,"modifierKind":[121]},{"name":"inputRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"HTMLInputElement | HTMLTextAreaElement | null","optional":false,"description":"","line":21,"modifierKind":[121]}],"methodsClass":[{"name":"onInputChange","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'input\'"}]},{"name":"onModelChange","args":[{"name":"event","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'ngModelChange\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":21,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"DataAttributeDirective","id":"directive-DataAttributeDirective-901f11162ee4190e18c407a2b9fe8c6c0dd34a4fa2d10e545470454f247b7c78c505c70fd3d4f8202ec0ada9ad8b4eba6b27cf4cc1abb4df5627d219f667e02b","file":"libs/ui/src/lib/directives/data-attribute.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Directive,\\n ElementRef,\\n Inject,\\n InjectionToken,\\n Input,\\n OnInit,\\n Renderer2,\\n} from \'@angular/core\';\\n\\nexport const DATA_ATTRIBUTE_TOKEN = new InjectionToken(\\n \'DATA_ATTRIBUTE_TOKEN\',\\n {\\n providedIn: \'root\',\\n factory: () => \'cy\',\\n }\\n);\\n\\n@Directive({\\n // eslint-disable-next-line @angular-eslint/directive-selector\\n selector: \'[dataAttribute]\',\\n})\\nexport class DataAttributeDirective implements OnInit {\\n @Input(\'dataAttribute\') value = \'\';\\n\\n constructor(\\n @Inject(DATA_ATTRIBUTE_TOKEN) private readonly token: string,\\n private renderer: Renderer2,\\n private el: ElementRef\\n ) {}\\n\\n ngOnInit(): void {\\n this.renderer.setAttribute(\\n this.el.nativeElement,\\n `data-${this.token}`,\\n this.value\\n );\\n }\\n}\\n","selector":"[dataAttribute]","providers":[],"inputsClass":[{"name":"dataAttribute","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[],"methodsClass":[],"implements":["OnInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"token","type":"string","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""},{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""}],"line":24,"jsdoctags":[{"name":"token","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"FormMessageDirective","id":"directive-FormMessageDirective-0675c6fd7513578635946098926cbd59ea26465c416e96f5862f0640199a83779d5b2f750e0b91dc2af76d5182df340268b063a75b8111bc98dd8bf0d0eb32b5","file":"libs/ui/src/lib/form-message/form-message.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n ComponentRef,\\n Directive,\\n ElementRef,\\n HostBinding,\\n Input,\\n OnChanges,\\n Renderer2,\\n ViewContainerRef,\\n} from \'@angular/core\';\\n\\nimport { FormMessageComponent } from \'./form-message.component\';\\nimport { FormMessageSeverity } from \'./form-message\';\\n\\n@Directive({\\n selector: \'[cviNgFormMessage]\',\\n exportAs: \'cviNgFormMessage\',\\n})\\nexport class FormMessageDirective implements OnChanges {\\n @Input() message = \'\';\\n @Input() severityLevel!: FormMessageSeverity;\\n @Input() displayMessage!: boolean;\\n @Input() title?: string;\\n\\n private componentRef: ComponentRef | null = null;\\n private container: HTMLDivElement | null = null;\\n private inputRef: HTMLInputElement | HTMLTextAreaElement | null = null;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private viewContainerRef: ViewContainerRef,\\n private renderer: Renderer2\\n ) {}\\n\\n ngOnChanges(): void {\\n if (!this.displayMessage) {\\n this.destroyComponent();\\n return;\\n }\\n if (this.componentRef && this.inputRef !== null) {\\n this.updateComponentProperties();\\n return;\\n }\\n if (this.displayMessage) {\\n this.createComponent();\\n }\\n }\\n @HostBinding(\'style.--cvi-form-input-border-color\')\\n get hostFormInputBorderColor(): string | null {\\n if (this.displayMessage && this.severityLevel === \'warning\') {\\n return \'var(--cvi-color-dark-tangerine-10)\';\\n } else if (this.displayMessage && this.severityLevel === \'error\') {\\n return \'var(--cvi-color-jasper-10)\';\\n } else {\\n return \'var(--cvi-color-black-coral-5)\';\\n }\\n }\\n\\n createComponent() {\\n const childNode = Array.from(this.elementRef.nativeElement.childNodes).find(\\n (el: any) => [\'DIV\', \'TEXTAREA\', \'INPUT\'].includes(el.nodeName)\\n );\\n\\n this.inputRef = childNode as HTMLInputElement | HTMLTextAreaElement;\\n\\n if (!this.componentRef && this.inputRef) {\\n this.container = this.renderer.createElement(\'div\');\\n this.renderer.insertBefore(\\n this.elementRef.nativeElement,\\n this.container,\\n this.componentRef\\n );\\n\\n this.componentRef =\\n this.viewContainerRef.createComponent(FormMessageComponent);\\n this.renderer.appendChild(\\n this.container,\\n this.componentRef.location.nativeElement\\n );\\n\\n this.updateComponentProperties();\\n }\\n }\\n\\n private destroyComponent() {\\n if (this.componentRef) {\\n this.componentRef.destroy();\\n this.componentRef = null;\\n }\\n\\n if (this.container) {\\n this.renderer.removeChild(this.elementRef.nativeElement, this.container);\\n this.container = null;\\n }\\n }\\n\\n private updateComponentProperties() {\\n if (this.componentRef) {\\n this.componentRef.instance.displayMessage = this.displayMessage;\\n this.componentRef.instance.message = this.message;\\n this.componentRef.instance.severityLevel = this.severityLevel;\\n this.componentRef.instance.title = this.title + \': \';\\n this.componentRef.instance.detectChanges();\\n }\\n }\\n}\\n","selector":"[cviNgFormMessage]","providers":[],"inputsClass":[{"name":"displayMessage","deprecated":false,"deprecationMessage":"","line":22,"type":"boolean","decorators":[]},{"name":"message","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]},{"name":"severityLevel","deprecated":false,"deprecationMessage":"","line":21,"type":"FormMessageSeverity","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"style.--cvi-form-input-border-color","deprecated":false,"deprecationMessage":"","line":49,"type":"string | null","decorators":[]}],"hostListeners":[],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":25,"modifierKind":[121]},{"name":"container","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"HTMLDivElement | null","optional":false,"description":"","line":26,"modifierKind":[121]},{"name":"inputRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"HTMLInputElement | HTMLTextAreaElement | null","optional":false,"description":"","line":27,"modifierKind":[121]}],"methodsClass":[{"name":"createComponent","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":""},{"name":"destroyComponent","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":85,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"updateComponentProperties","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"implements":["OnChanges"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":27,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"hostFormInputBorderColor":{"name":"hostFormInputBorderColor","getSignature":{"name":"hostFormInputBorderColor","type":"","returnType":"string | null","line":49}}}},{"name":"LabelTemplateDirective","id":"directive-LabelTemplateDirective-ef4215d02f43d632a8da52869e6c73b4c0c49b4df9f0890f29d874f915b5f0583d7868b9c211dd1f526cd3b5e4b8fa97a46d3e6a25a020be229e8008dafad948","file":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({ selector: \'[cviNgSelectLabelTemplate]\' })\\nexport class LabelTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n\\n@Directive({ selector: \'[cviNgSelectOptionTemplate]\' })\\nexport class OptionTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n","selector":"[cviNgSelectLabelTemplate]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"template","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":5,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":""}],"line":4,"jsdoctags":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"ModalDirective","id":"directive-ModalDirective-41fd7bc1cc1340a74913318630fc2b5221b5ee13655473e7b3b19ec170f882eb1ec896b0651bf1a01fd312b29a344e918ed82421ff5e1a8de7b7161b59b7bb33","file":"libs/ui/src/lib/modal/modal.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n ComponentRef,\\n Directive,\\n EmbeddedViewRef,\\n HostListener,\\n Inject,\\n Input,\\n OnInit,\\n TemplateRef,\\n ViewContainerRef,\\n} from \'@angular/core\';\\nimport { ModalComponent } from \'./modal.component\';\\nimport { DOCUMENT } from \'@angular/common\';\\n\\n@Directive({\\n selector: \'[cviNgModal]\',\\n})\\nexport class ModalDirective implements OnInit {\\n @Input() cviNgModal!: TemplateRef;\\n @Input() modalTitle!: string;\\n @Input() open = false;\\n\\n private componentRef: ComponentRef | null = null;\\n\\n constructor(\\n private viewContainerRef: ViewContainerRef,\\n @Inject(DOCUMENT) private document: Document\\n ) {}\\n\\n ngOnInit(): void {\\n if (this.open) {\\n this.createModal();\\n this.showModal();\\n }\\n }\\n\\n @HostListener(\'click\')\\n onClick() {\\n if (this.componentRef) {\\n return;\\n }\\n this.createModal();\\n this.showModal();\\n }\\n\\n private createModal() {\\n this.componentRef = this.viewContainerRef.createComponent(ModalComponent);\\n this.componentRef.instance.templateRef = this.cviNgModal;\\n this.componentRef.instance.title = this.modalTitle;\\n this.componentRef.instance.closed.subscribe(() => this.hideModal());\\n }\\n\\n private showModal() {\\n if (this.componentRef) {\\n const domElement = (this.componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0];\\n this.document.body.appendChild(domElement);\\n }\\n }\\n\\n hideModal() {\\n this.componentRef?.destroy();\\n this.componentRef = null;\\n }\\n}\\n","selector":"[cviNgModal]","providers":[],"inputsClass":[{"name":"cviNgModal","deprecated":false,"deprecationMessage":"","line":19,"type":"TemplateRef","decorators":[]},{"name":"modalTitle","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]},{"name":"open","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":21,"type":"boolean","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"click","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":38}],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":23,"modifierKind":[121]}],"methodsClass":[{"name":"createModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":46,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"hideModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":61,"deprecated":false,"deprecationMessage":""},{"name":"onClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'click\'"}]},{"name":"showModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"implements":["OnInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""}],"line":23,"jsdoctags":[{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    SelectorcviNgModal
    Directive nameModalDirective
    Permitted parent/ancestorsany
    \\n

    Where to use

    \\n

    When directive is applied to HTML element then clicking on element displays modal overlay.

    \\n"},{"name":"OptionTemplateDirective","id":"directive-OptionTemplateDirective-ef4215d02f43d632a8da52869e6c73b4c0c49b4df9f0890f29d874f915b5f0583d7868b9c211dd1f526cd3b5e4b8fa97a46d3e6a25a020be229e8008dafad948","file":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({ selector: \'[cviNgSelectLabelTemplate]\' })\\nexport class LabelTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n\\n@Directive({ selector: \'[cviNgSelectOptionTemplate]\' })\\nexport class OptionTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n","selector":"[cviNgSelectOptionTemplate]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"template","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":10,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":""}],"line":9,"jsdoctags":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"SelectNavigationDirective","id":"directive-SelectNavigationDirective-640c0e99e30b4aed4651a7071ac4c389dbd7059ed8298ec4152c7bef06b1c7c1f326c1112012e3762a51addd34d35b7f335bb8fa51182caf10b44dd6c6d6b98b","file":"libs/ui/src/lib/select/select-navigation.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Directive,\\n EventEmitter,\\n HostListener,\\n Input,\\n Output,\\n ElementRef,\\n AfterViewInit,\\n} from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgSelectNavigation]\',\\n})\\nexport class SelectNavigationDirective implements AfterViewInit {\\n @Input() scrollableEl?: HTMLElement;\\n @Input() inputField?: HTMLInputElement | ElementRef;\\n @Output() closed: EventEmitter = new EventEmitter();\\n @Output() itemFocused: EventEmitter = new EventEmitter();\\n\\n focusedElement?: HTMLElement;\\n focusedClass = \'is-focused\';\\n\\n @HostListener(\'document:keydown\', [\'$event\'])\\n onKeyDown($event: KeyboardEvent): void {\\n if (this.isArrowDown($event) || this.isArrowUp($event)) {\\n $event.preventDefault();\\n this.onNavigation($event);\\n }\\n\\n if (this.isEventOfKey(\'Tab\', $event)) {\\n this.closed.emit();\\n }\\n\\n if (this.isEventOfKey(\'Enter\', $event) && this.focusedElement) {\\n this.focusedElement.click();\\n // to prevent submit event when inside of a form\\n if (this.inputField) {\\n const inputElement =\\n this.inputField instanceof HTMLElement\\n ? this.inputField\\n : this.inputField.nativeElement;\\n inputElement.blur();\\n }\\n }\\n }\\n\\n constructor(private readonly hostEl: ElementRef) {}\\n\\n ngAfterViewInit(): void {\\n this.focusByIndex(0);\\n }\\n\\n private isEventOfKey(key: string, event: KeyboardEvent): boolean {\\n return event.key === key;\\n }\\n\\n private isArrowDown(event: KeyboardEvent): boolean {\\n return this.isEventOfKey(\'ArrowDown\', event);\\n }\\n\\n private isArrowUp(event: KeyboardEvent): boolean {\\n return this.isEventOfKey(\'ArrowUp\', event);\\n }\\n\\n private focusByIndex(i: number) {\\n this.focusedElement = this.hostEl.nativeElement.children[i];\\n this.focusedElement?.classList.add(this.focusedClass);\\n this.itemFocused.emit(i);\\n }\\n\\n private onNavigation(event: KeyboardEvent): void {\\n const listEl = this.hostEl.nativeElement;\\n const opts = listEl.children as HTMLCollectionOf;\\n\\n if (!opts || opts.length < 1) {\\n return;\\n }\\n\\n if (this.focusedElement) {\\n this.focusedElement.classList.remove(this.focusedClass);\\n }\\n\\n this.setFocusedElement(event, opts);\\n this.scrollToFocusedElement(listEl);\\n }\\n\\n private setFocusedElement(\\n event: KeyboardEvent,\\n opts: HTMLCollectionOf\\n ): void {\\n const idx = this.isArrowDown(event) ? 0 : opts.length - 1;\\n const prop = this.isArrowDown(event)\\n ? \'nextElementSibling\'\\n : \'previousElementSibling\';\\n\\n if (this.focusedElement && this.focusedElement[prop]) {\\n this.focusedElement = this.focusedElement[prop] as HTMLElement;\\n } else {\\n this.focusedElement = opts[idx];\\n }\\n\\n this.focusedElement.classList.add(this.focusedClass);\\n const elIndex = [...opts].indexOf(this.focusedElement);\\n this.itemFocused.emit(elIndex);\\n }\\n\\n private scrollToFocusedElement(listEl: HTMLElement): void {\\n if (this.scrollableEl) {\\n const listElHeight = this.pxStringToNumber(\\n getComputedStyle(listEl, null).height\\n );\\n const scrollableHeight = this.pxStringToNumber(\\n getComputedStyle(this.scrollableEl, null).height\\n );\\n if (listElHeight > scrollableHeight) {\\n const offset = this.focusedElement ? this.focusedElement.offsetTop : 0;\\n const middle = scrollableHeight / 2;\\n this.scrollableEl.scrollTo(0, offset - middle);\\n }\\n }\\n }\\n\\n private pxStringToNumber(value: string): number {\\n const numVal = value.substring(0, value.length - 2); // remove \'px\'\\n return parseInt(numVal, 10);\\n }\\n}\\n","selector":"[cviNgSelectNavigation]","providers":[],"inputsClass":[{"name":"inputField","deprecated":false,"deprecationMessage":"","line":16,"type":"HTMLInputElement | ElementRef","decorators":[]},{"name":"scrollableEl","deprecated":false,"deprecationMessage":"","line":15,"type":"HTMLElement","decorators":[]}],"outputsClass":[{"name":"closed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":17,"type":"EventEmitter"},{"name":"itemFocused","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":18,"type":"EventEmitter"}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"document:keydown","args":[{"name":"$event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":24}],"propertiesClass":[{"name":"focusedClass","defaultValue":"\'is-focused\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":21},{"name":"focusedElement","deprecated":false,"deprecationMessage":"","type":"HTMLElement","optional":true,"description":"","line":20}],"methodsClass":[{"name":"focusByIndex","args":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":65,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isArrowDown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":57,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isArrowUp","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":61,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isEventOfKey","args":[{"name":"key","type":"string","deprecated":false,"deprecationMessage":""},{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"key","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onKeyDown","args":[{"name":"$event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:keydown\', [\'$event\']"}],"jsdoctags":[{"name":"$event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onNavigation","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"pxStringToNumber","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":123,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"scrollToFocusedElement","args":[{"name":"listEl","type":"HTMLElement","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":107,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"listEl","type":"HTMLElement","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setFocusedElement","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""},{"name":"opts","type":"HTMLCollectionOf","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":87,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"opts","type":"HTMLCollectionOf","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"hostEl","type":"ElementRef","deprecated":false,"deprecationMessage":""}],"line":45,"jsdoctags":[{"name":"hostEl","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"StorybookCurrentComponentDirective","id":"directive-StorybookCurrentComponentDirective-1644df8b0b476ca61ed146f734bbd4600bb817f34057a39a85404684e7bd15a25567b751f04b25f18316eec475b139a53a723347d5bd6cb2904b9b2146cdbaf8","file":"libs/storybook/src/lib/directives/storybook-current-component/storybook-current-component.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Renderer2,\\n ElementRef,\\n Directive,\\n AfterViewInit,\\n Input,\\n} from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgStorybookCurrentComponent]\',\\n})\\nexport class StorybookCurrentComponentDirective implements AfterViewInit {\\n @Input(\'cviNgStorybookCurrentComponent\') type!: \'cover\' | \'spot\';\\n\\n private baseClass = \'u-storybook-current-component\';\\n\\n constructor(private el: ElementRef, private renderer: Renderer2) {}\\n\\n ngAfterViewInit(): void {\\n this.renderer.addClass(this.el.nativeElement, this.baseClass);\\n this.renderer.addClass(\\n this.el.nativeElement,\\n `${this.baseClass}--type-${this.type ? this.type : \'cover\'}`\\n );\\n }\\n}\\n","selector":"[cviNgStorybookCurrentComponent]","providers":[],"inputsClass":[{"name":"cviNgStorybookCurrentComponent","deprecated":false,"deprecationMessage":"","line":13,"type":"\\"cover\\" | \\"spot\\"","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"baseClass","defaultValue":"\'u-storybook-current-component\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":15,"modifierKind":[121]}],"methodsClass":[],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":15,"jsdoctags":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"StorybookInputDirective","id":"directive-StorybookInputDirective-f293a03d08aa186464954422858e147fb1dc9e9a7fae97d140edf3b7d8a8edcc35af78285c7eac955cec6b6043d5fa51a7ee7bc17f85728cbd6c2133103ad9de","file":"libs/storybook/src/lib/directives/storybook-input/storybook-input.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Renderer2, ElementRef, Directive, AfterViewInit } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgStorybookInput]\',\\n})\\nexport class StorybookInputDirective implements AfterViewInit {\\n private baseClass = \'u-storybook-input\';\\n\\n constructor(private el: ElementRef, private renderer: Renderer2) {}\\n\\n ngAfterViewInit(): void {\\n this.renderer.addClass(this.el.nativeElement, this.baseClass);\\n }\\n}\\n","selector":"[cviNgStorybookInput]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"baseClass","defaultValue":"\'u-storybook-input\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":7,"modifierKind":[121]}],"methodsClass":[],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":7,"jsdoctags":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"StorybookRandomParagraphsDirective","id":"directive-StorybookRandomParagraphsDirective-dae2d92c18883f97775400fe4f314a2a070974e16913ef5f1f50faa62e603c0c014e38d805ae9b6812f24c1bb01c0e7d26eaf6849effc7bdd430f0fc573ff5f9","file":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Renderer2,\\n ElementRef,\\n Directive,\\n AfterViewInit,\\n Input,\\n HostBinding,\\n} from \'@angular/core\';\\nimport { storybookRandomParagraphs } from \'./storybook-random-paragraphs\';\\n\\n@Directive({\\n selector: \'[cviNgStorybookRandomParagraphs]\',\\n})\\nexport class StorybookRandomParagraphsDirective implements AfterViewInit {\\n @Input(\'cviNgStorybookRandomParagraphs\') minParagraphs = 5;\\n // Ignore the generated DOM in Chromatic because it changes on every render and triggers a false visual change https://www.chromatic.com/docs/ignoring-elements#ignore-dom-elements\\n @HostBinding(\'attr.data-chromatic\') chromaticIgnoreAttr = \'ignore\';\\n\\n maxParagraphs = 20;\\n\\n constructor(private el: ElementRef, private renderer: Renderer2) {}\\n\\n ngAfterViewInit(): void {\\n const randomParagraphsCount = Math.floor(\\n Math.random() * (this.maxParagraphs - this.minParagraphs) +\\n this.minParagraphs\\n );\\n let text = \'\';\\n for (let index = 0; index < randomParagraphsCount; index++) {\\n text += this.getRandomParagraph();\\n }\\n\\n this.renderer.setProperty(this.el.nativeElement, \'innerHTML\', text);\\n }\\n\\n getRandomParagraph(): string {\\n return `

    ${\\n storybookRandomParagraphs[\\n Math.floor(Math.random() * storybookRandomParagraphs.length)\\n ]\\n }

    `;\\n }\\n}\\n","selector":"[cviNgStorybookRandomParagraphs]","providers":[],"inputsClass":[{"name":"cviNgStorybookRandomParagraphs","defaultValue":"5","deprecated":false,"deprecationMessage":"","line":15,"type":"number","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.data-chromatic","defaultValue":"\'ignore\'","deprecated":false,"deprecationMessage":"","line":17,"type":"string","decorators":[]}],"hostListeners":[],"propertiesClass":[{"name":"chromaticIgnoreAttr","defaultValue":"\'ignore\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":17,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.data-chromatic\'"}]},{"name":"maxParagraphs","defaultValue":"20","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":19}],"methodsClass":[{"name":"getRandomParagraph","args":[],"optional":false,"returnType":"string","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":""}],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":19,"jsdoctags":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"TableOfContentsSectionDirective","id":"directive-TableOfContentsSectionDirective-d13cfa210d718673053cd428d431b17c5f733410327a13bc27f14feee160a88beb4472ba44c80c777f44de7b64ef793d4064cc85262eba67adbe02404679a36c","file":"libs/ui/src/lib/table-of-contents/toc-section.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Directive,\\n HostBinding,\\n Input,\\n ElementRef,\\n OnInit,\\n OnDestroy,\\n} from \'@angular/core\';\\nimport { TableOfContentsService } from \'./table-of-contents.service\';\\n\\n@Directive({\\n selector: \'[cviNgToCSection]\',\\n exportAs: \'cviNgToCSection\',\\n})\\nexport class TableOfContentsSectionDirective implements OnInit, OnDestroy {\\n /** Must be equal to a href prop value of a TableOfContentsItemComponent in order to have scroll tracking working */\\n @HostBinding(\'id\') @Input(\'cviNgToCSection\') sectionId!: string;\\n\\n private intersectionObservable!: IntersectionObserver;\\n private elementToObserve!: Element;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private tocService: TableOfContentsService\\n ) {}\\n\\n ngOnInit(): void {\\n this.elementToObserve = this.elementRef.nativeElement;\\n\\n this.intersectionObservable = new IntersectionObserver(\\n (entries: IntersectionObserverEntry[]) => {\\n entries.forEach((entry) => {\\n if (entry.isIntersecting) {\\n this.tocService.setCurrentToCSection(this.sectionId);\\n }\\n });\\n },\\n { rootMargin: \'0px 0px -50% 0px\' }\\n );\\n this.intersectionObservable.observe(this.elementToObserve);\\n }\\n\\n ngOnDestroy(): void {\\n this.intersectionObservable.unobserve(this.elementToObserve);\\n }\\n}\\n","selector":"[cviNgToCSection]","providers":[],"inputsClass":[{"name":"cviNgToCSection","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMust be equal to a href prop value of a TableOfContentsItemComponent in order to have scroll tracking working","description":"

    Must be equal to a href prop value of a TableOfContentsItemComponent in order to have scroll tracking working

    \\n","line":17,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"elementToObserve","deprecated":false,"deprecationMessage":"","type":"Element","optional":false,"description":"","line":20,"modifierKind":[121]},{"name":"intersectionObservable","deprecated":false,"deprecationMessage":"","type":"IntersectionObserver","optional":false,"description":"","line":19,"modifierKind":[121]}],"methodsClass":[],"implements":["OnInit","OnDestroy"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":""}],"line":20,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"TooltipDirective","id":"directive-TooltipDirective-f83acda7ae4cedefb6b6cfc21871c43d6fc533b0995e01480b066ab0538134c67d6f45d701df8ae64d43fa29985d9b3226698a45efe3ad585477018e3e982c03","file":"libs/ui/src/lib/tooltip/tooltip.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n ComponentRef,\\n Directive,\\n ElementRef,\\n EmbeddedViewRef,\\n HostListener,\\n Inject,\\n Input,\\n ViewContainerRef,\\n} from \'@angular/core\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { TooltipComponent } from \'./tooltip.component\';\\n\\n@Directive({\\n selector: \'[cviNgTooltip]\',\\n exportAs: \'cviNgTooltip\',\\n})\\nexport class TooltipDirective {\\n @Input() cviNgTooltip = \'\';\\n\\n private componentRef: ComponentRef | null = null;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private viewContainerRef: ViewContainerRef,\\n @Inject(DOCUMENT) private document: Document\\n ) {}\\n\\n @HostListener(\'mouseenter\')\\n onMouseEnter() {\\n if (this.componentRef === null) {\\n this.componentRef =\\n this.viewContainerRef.createComponent(TooltipComponent);\\n this.setTooltipComponentProperties();\\n const domElement = (this.componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0];\\n this.document.body.appendChild(domElement);\\n setTimeout(() => this.reposition(), 0);\\n }\\n }\\n\\n private setTooltipOutOfView() {\\n const coordinateOutOfView = -500;\\n if (this.componentRef !== null) {\\n this.componentRef.instance.left = coordinateOutOfView;\\n this.componentRef.instance.top = coordinateOutOfView;\\n this.componentRef.instance.arrowLeft = coordinateOutOfView;\\n this.componentRef.instance.arrowTop = coordinateOutOfView;\\n }\\n }\\n\\n private setTooltipComponentProperties() {\\n if (this.componentRef !== null) {\\n this.componentRef.instance.message = this.cviNgTooltip;\\n this.setTooltipOutOfView();\\n }\\n }\\n\\n private reposition() {\\n const { left, right, top } =\\n this.elementRef.nativeElement.getBoundingClientRect();\\n const elementCenter = (right + left) / 2;\\n const arrowModifierToCompensateRoundedEdges = 5.5;\\n const halfOfArrowWidth = 7.5;\\n const minimumDistanceFromWindowEdge = 15;\\n\\n if (\\n this.componentRef?.location.nativeElement.children[0].getBoundingClientRect() !==\\n undefined\\n ) {\\n const { width, height } =\\n this.componentRef.location.nativeElement.children[0].getBoundingClientRect();\\n\\n let tooltipPositionX;\\n let tooltipPositionY;\\n let tooltipArrowPositionX;\\n let tooltipArrowPositionY;\\n\\n // Checks if the tooltip element is too close to the left window edge\\n if (elementCenter < width / 2) {\\n tooltipPositionX = minimumDistanceFromWindowEdge;\\n tooltipPositionY = top - height - halfOfArrowWidth * 2;\\n tooltipArrowPositionX =\\n left - halfOfArrowWidth + arrowModifierToCompensateRoundedEdges;\\n tooltipArrowPositionY = top - halfOfArrowWidth * 3;\\n }\\n // Checks if the tooltip element is too close to the right window edge\\n else if (this.document.body.clientWidth - elementCenter < width / 2) {\\n tooltipPositionX =\\n this.document.body.getBoundingClientRect().width -\\n width -\\n minimumDistanceFromWindowEdge;\\n tooltipPositionY = top - height - halfOfArrowWidth * 2;\\n tooltipArrowPositionX =\\n -width +\\n right +\\n width -\\n halfOfArrowWidth -\\n arrowModifierToCompensateRoundedEdges;\\n tooltipArrowPositionY = top - halfOfArrowWidth * 3;\\n } else {\\n tooltipPositionX = right - width * 0.5 - (right - left) / 2;\\n tooltipPositionY = top - height - halfOfArrowWidth * 2;\\n tooltipArrowPositionX =\\n right -\\n width * 0.5 -\\n (right - left) / 2 +\\n (width / 2 - halfOfArrowWidth);\\n tooltipArrowPositionY = top - halfOfArrowWidth * 3;\\n }\\n\\n this.componentRef.instance.left = tooltipPositionX;\\n this.componentRef.instance.top = tooltipPositionY;\\n this.componentRef.instance.arrowLeft = tooltipArrowPositionX;\\n this.componentRef.instance.arrowTop = tooltipArrowPositionY;\\n this.componentRef.changeDetectorRef.detectChanges();\\n }\\n }\\n\\n @HostListener(\'mouseleave\')\\n onMouseLeave() {\\n if (this.componentRef !== null) {\\n this.componentRef.destroy();\\n this.componentRef = null;\\n }\\n }\\n\\n @HostListener(\'click\', [\'$event\'])\\n onMouseClick(event: Event) {\\n event?.stopPropagation();\\n }\\n}\\n","selector":"[cviNgTooltip]","providers":[],"inputsClass":[{"name":"cviNgTooltip","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":19,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"click","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":129},{"name":"mouseenter","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":30},{"name":"mouseleave","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":121}],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":21,"modifierKind":[121]}],"methodsClass":[{"name":"onMouseClick","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":129,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'click\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onMouseEnter","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseenter\'"}]},{"name":"onMouseLeave","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":121,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseleave\'"}]},{"name":"reposition","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"setTooltipComponentProperties","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":52,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"setTooltipOutOfView","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":42,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""}],"line":21,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    SelectorcviNgTooltip
    Directive nameTooltipDirective
    Permitted parent/ancestorsany
    \\n

    Where to use

    \\n

    When directive is applied to HTML element then hovering over the element displays tooltip above the HTML element.

    \\n

    You can customise z-index of the tooltip by redefining --cvi-tooltip-zindex CSS variable in your app.

    \\n"}],"components":[{"name":"AccordionComponent","id":"component-AccordionComponent-408aced653cf898115fa5b44a539293b0e08873aabdc5c831d64edcc7d3899cdf695bd5123ce4847a80f812ef5c1d0a858d17088483695ec27ee83c141f546d8","file":"libs/ui/src/lib/accordion/accordion.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-accordion","styleUrls":[],"styles":[],"templateUrl":["./accordion.component.html"],"viewProviders":[],"inputsClass":[{"name":"expandedItems","defaultValue":"[]","deprecated":false,"deprecationMessage":"","line":46,"type":"number[]","decorators":[]},{"name":"singleOpen","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":47,"type":"boolean","decorators":[]}],"outputsClass":[{"name":"toggled","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":48,"type":"EventEmitter"}],"propertiesClass":[{"name":"accordionId","defaultValue":"uuidv4()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":50},{"name":"accordionItemDirectives","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":53,"decorators":[{"name":"ContentChildren","stringifiedArguments":"AccordionItemDirective"}]},{"name":"changesSubscription","defaultValue":"new Subscription()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":57},{"name":"items","defaultValue":"new BehaviorSubject([])","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":55,"modifierKind":[121]},{"name":"items$","defaultValue":"this.items.asObservable()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":56}],"methodsClass":[{"name":"getToggleState","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"any","typeParameters":[],"line":69,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"itemInExpanded","args":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"toggle","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":77,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":59,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n animate,\\n state,\\n style,\\n transition,\\n trigger,\\n} from \'@angular/animations\';\\nimport {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n Component,\\n ContentChildren,\\n EventEmitter,\\n HostBinding,\\n Input,\\n OnDestroy,\\n Output,\\n QueryList,\\n} from \'@angular/core\';\\nimport { AccordionItemDirective } from \'./directives/accordion-item.directive\';\\nimport { BehaviorSubject, Subscription } from \'rxjs\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-accordion\',\\n templateUrl: \'./accordion.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n animations: [\\n trigger(\'contentExpansion\', [\\n state(\\n \'expanded\',\\n style({ height: \'*\', opacity: 1, visibility: \'visible\' })\\n ),\\n state(\\n \'collapsed\',\\n style({ height: \'0px\', opacity: 0, visibility: \'hidden\' })\\n ),\\n transition(\\n \'expanded <=> collapsed\',\\n animate(\'200ms cubic-bezier(.37,1.04,.68,.98)\')\\n ),\\n ]),\\n ],\\n})\\nexport class AccordionComponent implements AfterViewInit, OnDestroy {\\n @Input() expandedItems: number[] = [];\\n @Input() singleOpen = true;\\n @Output() toggled = new EventEmitter();\\n\\n accordionId = uuidv4();\\n\\n @ContentChildren(AccordionItemDirective)\\n accordionItemDirectives!: QueryList;\\n\\n private items = new BehaviorSubject([]);\\n items$ = this.items.asObservable();\\n changesSubscription = new Subscription();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-accordion`;\\n }\\n\\n ngAfterViewInit(): void {\\n this.changesSubscription = this.accordionItemDirectives?.changes.subscribe(\\n () => this.items.next(this.accordionItemDirectives.toArray())\\n );\\n }\\n\\n getToggleState(index: number) {\\n return this.toggle.bind(this, index);\\n }\\n\\n itemInExpanded(i: number): boolean {\\n return this.expandedItems.indexOf(i) >= 0;\\n }\\n\\n toggle(index: number): void {\\n if (this.expandedItems.includes(index)) {\\n this.expandedItems = this.expandedItems.filter((i) => i !== index);\\n } else {\\n if (this.singleOpen) {\\n this.expandedItems = [];\\n }\\n this.expandedItems = [...this.expandedItems, index];\\n\\n const itemToScrollTo = document.getElementById(\\n \'accordion-\' + this.accordionId + \'-item-\' + index\\n );\\n if (itemToScrollTo) {\\n itemToScrollTo.scrollIntoView(true);\\n }\\n }\\n this.toggled.emit(index);\\n }\\n\\n ngOnDestroy(): void {\\n if (this.changesSubscription) {\\n this.changesSubscription.unsubscribe();\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["AfterViewInit","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":59}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-accordion
    Component nameAccordionComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-accordion-item
    \\n

    Where to use

    \\n

    Utilise when there is a need to display a list of questions with answers displayed in a compact way.

    \\n

    Custom titles and custom headers can be used via cviNgAccordionTitle and cviNgAccordionHeader ng-template directives.

    \\n","templateData":"
      \\n
    • \\n \\n
      \\n \\n
      {{ item.details }}
      \\n
      \\n \\n
      \\n       \\n
      \\n
      • \\n
    \\n\\n\\n
    \\n \\n
    \\n \\n

    {{item?.title}}

    \\n     \\n    \\n"},{"name":"AppComponent","id":"component-AppComponent-6acee28034c3e5a4db9b865cdbed08e5857248a1fbf881ba058ed7773d8eeb91b92c0ba485a39e6b519c63ac0f62d5f405f2f487d438360a7b409b37565bc616","file":"apps/ria/src/app/app.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-root","styleUrls":[],"styles":[],"templateUrl":["./app.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component } from \'@angular/core\';\\nimport { TranslateService } from \'@ngx-translate/core\';\\nimport { FormBuilder } from \'@angular/forms\';\\n\\n@Component({\\n selector: \'cvi-ng-root\',\\n templateUrl: \'./app.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class AppComponent {\\n constructor(\\n private translate: TranslateService,\\n private formBuilder: FormBuilder\\n ) {\\n this.translate.setDefaultLang(\'et\');\\n this.translate.use(\'et\');\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"translate","type":"TranslateService","deprecated":false,"deprecationMessage":""},{"name":"formBuilder","type":"FormBuilder","deprecated":false,"deprecationMessage":""}],"line":10,"jsdoctags":[{"name":"translate","type":"TranslateService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"formBuilder","type":"FormBuilder","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"templateData":""},{"name":"BodyCellComponent","id":"component-BodyCellComponent-1fedc325d0971d24e4dca6eeebdff5d2477a598b0d2dcca1f4cf10a99b8885e8b1b2faed71210cfbd896e3ce422f968693563f1c2781af80ae47558b9c83703c","file":"libs/ui/src/lib/table/body-cell/body-cell.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"[cvi-ng-body-cell]","styleUrls":[],"styles":[],"templateUrl":["./body-cell.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n // eslint-disable-next-line @angular-eslint/component-selector\\n selector: \'[cvi-ng-body-cell]\',\\n templateUrl: \'./body-cell.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class BodyCellComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table__body-cell`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":10}}},"templateData":"
    \\n \\n
    \\n"},{"name":"BreadcrumbsComponent","id":"component-BreadcrumbsComponent-b03407a25c14d4e5c1277aff98ff30c4472ca083b9e73e95c2847afeca9096ce8bf60fdc264c84f1a342e057f52c6903f89dda16bd5cd3a22abd87f7514f229d","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-breadcrumbs","styleUrls":[],"styles":[],"templateUrl":["./breadcrumbs.component.html"],"viewProviders":[],"inputsClass":[{"name":"breadcrumbs","deprecated":false,"deprecationMessage":"","line":16,"type":"literal type[]","decorators":[]},{"name":"iconName","defaultValue":"null","deprecated":false,"deprecationMessage":"","rawdescription":"\\nName of an icon in front of breadcrumb","description":"

    Name of an icon in front of breadcrumb

    \\n","line":19,"type":"CviIconName | null","decorators":[]}],"outputsClass":[{"name":"breadcrumbChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":21,"type":"EventEmitter"}],"propertiesClass":[{"name":"mobileBreadcrumbIndex","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":23}],"methodsClass":[{"name":"getMobileBreadcrumbIndex","args":[],"optional":false,"returnType":"number","typeParameters":[],"line":28,"deprecated":false,"deprecationMessage":"","modifierKind":[123]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Component({\\n selector: \'cvi-ng-breadcrumbs\',\\n templateUrl: \'./breadcrumbs.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class BreadcrumbsComponent {\\n @Input() breadcrumbs!: { title: string; href: string | undefined }[];\\n\\n /** Name of an icon in front of breadcrumb */\\n @Input() iconName: CviIconName | null = null;\\n\\n @Output() breadcrumbChange = new EventEmitter();\\n\\n mobileBreadcrumbIndex!: number;\\n\\n // Finds the index of a breadcrumb item that should be shown for mobile view.\\n // Finds the index of last element starting from penultimate element in the list that has a href.\\n // If no such elements exist, returns index of last element.\\n public getMobileBreadcrumbIndex(): number {\\n const lastElementIndex = this.breadcrumbs.length - 1;\\n for (let index = lastElementIndex - 1; index >= 0; index--) {\\n if (index !== lastElementIndex && this.breadcrumbs[index].href) {\\n return index;\\n }\\n }\\n return lastElementIndex;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-breadcrumbs
    Component nameBreadcrumbsComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Use to show info about navigation.

    \\n","templateData":"\\n \\n \\n \\n\\n"},{"name":"ButtonComponent","id":"component-ButtonComponent-c45a63a17cd796d19da3f2982ce3bc72f6b04eb8cf1b3a6f176f10b9a5fedcf736882a745658a49a77032a8bf7b781a0603263d383889850a4c0900eb1517dd2","file":"libs/ui/src/lib/button/button.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-button","styleUrls":[],"styles":[],"templateUrl":["./button.component.html"],"viewProviders":[],"inputsClass":[{"name":"appearance","defaultValue":"\'primary\'","deprecated":false,"deprecationMessage":"","line":18,"type":"\\"primary\\" | \\"secondary\\" | \\"text\\"","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nButton is disabled","description":"

    Button is disabled

    \\n","line":24,"type":"boolean","decorators":[]},{"name":"iconHeight","deprecated":false,"deprecationMessage":"","line":34,"type":"number","decorators":[]},{"name":"iconName","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon name","description":"

    Icon name

    \\n","line":39,"type":"CviIconName","decorators":[]},{"name":"iconPosition","defaultValue":"\'after\'","deprecated":false,"deprecationMessage":"","line":26,"type":"LabeledIconPosition","decorators":[]},{"name":"size","defaultValue":"\'m\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nButton size","description":"

    Button size

    \\n","line":21,"type":"\\"m\\" | \\"s\\"","decorators":[]}],"outputsClass":[{"name":"clickEvent","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":41,"type":"EventEmitter"}],"propertiesClass":[{"name":"_iconHeight","defaultValue":"16","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"

    Icon height in px

    \\n","line":29,"rawdescription":"\\nIcon height in px","modifierKind":[121]},{"name":"buttonRef","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":51,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'buttonRef\'"}]}],"methodsClass":[{"name":"focus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":57,"deprecated":false,"deprecationMessage":""},{"name":"onClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":43,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n Component,\\n ElementRef,\\n EventEmitter,\\n HostBinding,\\n Input,\\n Output,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { LabeledIconPosition } from \'../icons/icon-position\';\\n\\n@Component({\\n selector: \'cvi-ng-button\',\\n templateUrl: \'./button.component.html\',\\n})\\nexport class ButtonComponent {\\n @Input() appearance: \'primary\' | \'secondary\' | \'text\' = \'primary\';\\n\\n /** Button size */\\n @Input() size: \'m\' | \'s\' = \'m\';\\n\\n /** Button is disabled */\\n @Input() disabled = false;\\n\\n @Input() iconPosition: LabeledIconPosition = \'after\';\\n\\n /** Icon height in px */\\n private _iconHeight = 16;\\n\\n get iconHeight() {\\n return this._iconHeight;\\n }\\n @Input() set iconHeight(iconHeight) {\\n this._iconHeight = iconHeight;\\n }\\n\\n /** Icon name */\\n @Input() iconName!: CviIconName;\\n\\n @Output() clickEvent = new EventEmitter();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-button cvi-button--appearance-${\\n this.appearance\\n } cvi-button--size-${this.size}${\\n this.disabled ? \' cvi-button--is-disabled\' : \'\'\\n }`;\\n }\\n\\n @ViewChild(\'buttonRef\') buttonRef!: ElementRef;\\n\\n onClick(): void {\\n this.clickEvent.emit();\\n }\\n\\n focus(): void {\\n this.buttonRef.nativeElement.focus();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"iconHeight":{"name":"iconHeight","setSignature":{"name":"iconHeight","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"iconHeight","type":"","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":34,"jsdoctags":[{"name":"iconHeight","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"iconHeight","type":"","returnType":"","line":31}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":43}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-button
    Component nameButtonComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenPhrasing content
    \\n

    Where to use

    \\n

    Displays a regular button. You can have it disabled or switch its visuals through appearance prop.

    \\n

    You can use --cvi-button-color and --cvi-button-color--hover CSS variables to customise the background color of the button with appearance=primary prop.

    \\n

    You can also utilise --cvi-button--text-decoration to remove the underline when appearance="text".

    \\n","templateData":"\\n\\n\\n \\n \\n\\n\\n\\n \\n\\n"},{"name":"CharacterCounterComponent","id":"component-CharacterCounterComponent-12b0050349360a50dcf9715e8b710a2a1721957fb8dae4eb466a762571d2099cb6f4a2d9866e3a4c4077b44c2cd7ffb30f0b33985f2087b117d782c9fc1ad197","file":"libs/ui/src/lib/character-counter/character-counter.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-character-counter","styleUrls":[],"styles":[],"templateUrl":["./character-counter.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"charsMax","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":13},{"name":"charsUsed","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":14}],"methodsClass":[{"name":"detectChanges","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":18,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-character-counter\',\\n templateUrl: \'./character-counter.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class CharacterCounterComponent {\\n charsMax = 0;\\n charsUsed = 0;\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n detectChanges() {\\n this.cdRef.markForCheck();\\n this.cdRef.detectChanges();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":14,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"templateData":"
    \\n {{charsUsed}} / {{charsMax}}\\n
    \\n"},{"name":"CircleComponent","id":"component-CircleComponent-64e6d33ed2ad1f71aab33369ef3708af4fa13209257f9dc64c35634dc39b27420fd4fdab53f84422031d92e09a054471967085ef0f8526857a31c362cd71ab4e","file":"libs/ui/src/lib/circle/circle.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-circle","styleUrls":[],"styles":[],"templateUrl":["./circle.component.html"],"viewProviders":[],"inputsClass":[{"name":"iconName","defaultValue":"undefined","deprecated":false,"deprecationMessage":"","line":30,"type":"CviIconName","decorators":[]},{"name":"progressPercentage","defaultValue":"undefined","deprecated":false,"deprecationMessage":"","line":31,"type":"number","decorators":[]},{"name":"severity","defaultValue":"\'none\'","deprecated":false,"deprecationMessage":"","line":28,"type":"CircleSeverity","decorators":[]},{"name":"size","defaultValue":"\'s\'","deprecated":false,"deprecationMessage":"","line":29,"type":"\\"m\\" | \\"s\\"","decorators":[]},{"name":"theme","defaultValue":"\'light\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly relevant when progressPercentage is undefined","description":"

    Only relevant when progressPercentage is undefined

    \\n","line":26,"type":"CircleTheme","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getSeverityProperty","args":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | null","typeParameters":[],"line":79,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getThemeProperty","args":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | null","typeParameters":[],"line":69,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":33,"type":"string","decorators":[]},{"name":"class.cvi-circle--with-progress","deprecated":false,"deprecationMessage":"","line":38,"type":"boolean","decorators":[]},{"name":"style.--background-color","deprecated":false,"deprecationMessage":"","line":55,"type":"string | null","decorators":[]},{"name":"style.--border-color","deprecated":false,"deprecationMessage":"","line":43,"type":"string | null","decorators":[]},{"name":"style.--color","deprecated":false,"deprecationMessage":"","line":48,"type":"string | null","decorators":[]},{"name":"style.--progress","deprecated":false,"deprecationMessage":"","line":60,"type":"string | null","decorators":[]},{"name":"style.--progress-background-color","deprecated":false,"deprecationMessage":"","line":65,"type":"string | null","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\nimport {\\n CircleSeverity,\\n CircleSeverityProperties,\\n CircleSeverityPropertyGroup,\\n circleSeverityPropertyGroups,\\n CircleTheme,\\n CircleThemeProperties,\\n CircleThemePropertyGroup,\\n circleThemePropertyGroups,\\n} from \'./circle\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Component({\\n selector: \'cvi-ng-circle\',\\n templateUrl: \'./circle.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class CircleComponent {\\n /** Only relevant when progressPercentage is undefined */\\n @Input() theme: CircleTheme = \'light\';\\n\\n @Input() severity: CircleSeverity = \'none\';\\n @Input() size: \'m\' | \'s\' = \'s\';\\n @Input() iconName?: CviIconName = undefined;\\n @Input() progressPercentage?: number = undefined;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-circle cvi-circle--size-${this.size} cvi-circle--severity-${this.severity}`;\\n }\\n\\n @HostBinding(\'class.cvi-circle--with-progress\')\\n get hostProgressClass(): boolean {\\n return this.progressPercentage !== undefined;\\n }\\n\\n @HostBinding(\'style.--border-color\')\\n get hostStyleBorderColor(): string | null {\\n return this.getThemeProperty(\'--border-color\');\\n }\\n\\n @HostBinding(\'style.--color\')\\n get hostStyleColor(): string | null {\\n return this.severity === \'none\'\\n ? this.getThemeProperty(\'--color\')\\n : this.getSeverityProperty(\'--color\');\\n }\\n\\n @HostBinding(\'style.--background-color\')\\n get hostStyleBackgroundColor(): string | null {\\n return this.getSeverityProperty(\'--background-color\');\\n }\\n\\n @HostBinding(\'style.--progress\')\\n get hostStyleProgress(): string | null {\\n return this.progressPercentage ? this.progressPercentage + \'%\' : null;\\n }\\n\\n @HostBinding(\'style.--progress-background-color\')\\n get hostStyleProgressBackgroundColor(): string | null {\\n return this.getSeverityProperty(\'--progress-background-color\');\\n }\\n\\n getThemeProperty(propName: keyof CircleThemeProperties): string | null {\\n const item = circleThemePropertyGroups.find(\\n (group: CircleThemePropertyGroup) => group.theme === this.theme\\n );\\n if (item) {\\n return `var(${item.properties[propName as keyof CircleThemeProperties]})`;\\n }\\n return null;\\n }\\n\\n getSeverityProperty(propName: keyof CircleSeverityProperties): string | null {\\n const item = circleSeverityPropertyGroups.find(\\n (group: CircleSeverityPropertyGroup) => group.severity === this.severity\\n );\\n if (item) {\\n const cssValue =\\n item.properties[propName as keyof CircleSeverityProperties];\\n if (cssValue !== \'transparent\') {\\n return `var(${cssValue})`;\\n } else {\\n return \'transparent\';\\n }\\n }\\n return null;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":33}},"hostProgressClass":{"name":"hostProgressClass","getSignature":{"name":"hostProgressClass","type":"boolean","returnType":"boolean","line":38}},"hostStyleBorderColor":{"name":"hostStyleBorderColor","getSignature":{"name":"hostStyleBorderColor","type":"","returnType":"string | null","line":43}},"hostStyleColor":{"name":"hostStyleColor","getSignature":{"name":"hostStyleColor","type":"","returnType":"string | null","line":48}},"hostStyleBackgroundColor":{"name":"hostStyleBackgroundColor","getSignature":{"name":"hostStyleBackgroundColor","type":"","returnType":"string | null","line":55}},"hostStyleProgress":{"name":"hostStyleProgress","getSignature":{"name":"hostStyleProgress","type":"","returnType":"string | null","line":60}},"hostStyleProgressBackgroundColor":{"name":"hostStyleProgressBackgroundColor","getSignature":{"name":"hostStyleProgressBackgroundColor","type":"","returnType":"string | null","line":65}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-circle
    Component nameCircleComponent
    Contentany
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    To display a themed circle with an icon or given content. Allows adding severity and progress bar as a frame.

    \\n

    To overwrite the border color added by the theme, pass --cvi-circle-border-color to component's style property.

    \\n","templateData":"\\n \\n\\n\\n\\n \\n \\n\\n"},{"name":"ConfirmationModalComponent","id":"component-ConfirmationModalComponent-859a82b14c099d12e3344100b7c78e4a19332b48aa2756e3cd6117fd238190f05dc33b99f5ad62329e4b2ff73d66263a9c0e6da6f2d0b294990600b150064a84","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-confirmation-modal","styleUrls":[],"styles":[],"templateUrl":["./confirmation-modal.component.html"],"viewProviders":[],"inputsClass":[{"name":"cancelButtonText","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":19,"type":"string","decorators":[]},{"name":"confirmButtonText","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]},{"name":"title","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]}],"outputsClass":[{"name":"cancelled","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":22,"type":"EventEmitter"},{"name":"confirmed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":23,"type":"EventEmitter"}],"propertiesClass":[{"name":"cancelButtonRef","deprecated":false,"deprecationMessage":"","type":"ButtonComponent","optional":false,"description":"","line":25,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'cancelButtonRef\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n Output,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { ButtonComponent } from \'../button/button.component\';\\n\\n@Component({\\n selector: \'cvi-ng-confirmation-modal\',\\n templateUrl: \'./confirmation-modal.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ConfirmationModalComponent implements AfterViewInit {\\n @Input() title = \'\';\\n @Input() cancelButtonText = \'\';\\n @Input() confirmButtonText = \'\';\\n\\n @Output() cancelled = new EventEmitter();\\n @Output() confirmed = new EventEmitter();\\n\\n @ViewChild(\'cancelButtonRef\') cancelButtonRef!: ButtonComponent;\\n\\n ngAfterViewInit() {\\n this.cancelButtonRef?.focus();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["AfterViewInit"],"templateData":"

    \\n {{ title }}\\n

    \\n
    \\n \\n
    \\n
    \\n \\n \\n {{ cancelButtonText }}\\n \\n \\n {{ confirmButtonText }}\\n \\n \\n
    \\n"},{"name":"ContentContainerComponent","id":"component-ContentContainerComponent-e857cecac585fb39168a205de08f76c91d1ec68d5758d580793528eef85a90e97e8b2645b6e368895126ed27c73d47911fcd3c8d3dcaf1b21fcd19730aa1060b","file":"libs/ui/src/lib/content-container/content-container.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-content-container","styleUrls":[],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":8,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-content-container\',\\n template: ``,\\n})\\nexport class ContentContainerComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-content-container`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":8}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-content-container
    Component nameContentContainerComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Adds a main content area to the right of the sidebar.

    \\n"},{"name":"ContentPanelComponent","id":"component-ContentPanelComponent-788f97ab714965ea67b4a4050afb8e6c3a46a3e7e0b7133d3ccbf2f6c049ae5f7f5c33f89772738edb6dd4899fe44f531109740caeb430f5a093f0f1957c3526","file":"libs/ui/src/lib/content-panel/content-panel.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-content-panel","styleUrls":[],"styles":[],"templateUrl":["./content-panel.component.html"],"viewProviders":[],"inputsClass":[{"name":"title","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":14,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":15,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-content-panel\',\\n templateUrl: \'./content-panel.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ContentPanelComponent {\\n @Input() title = \'\';\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-content-panel`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":15}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-content-panel
    Component nameContentPanelComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Adds a prominent box for any kind of primary content.

    \\n","templateData":"

    {{ title }}

    \\n\\n"},{"name":"DatepickerCalendarComponent","id":"component-DatepickerCalendarComponent-ef10daac2aaf89721fe09556f144b632d4af735b835d3420f2c208324089fbc32c6c78fcdc25260182c588474da8e1efa4a4f2bb9cc39a5d86371e6a3910562a","file":"libs/ui/src/lib/datepicker/datepicker-calendar.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-datepicker-calendar","styleUrls":[],"styles":[],"templateUrl":["./datepicker-calendar.component.html"],"viewProviders":[],"inputsClass":[{"name":"baseId","deprecated":false,"deprecationMessage":"","line":22,"type":"string","decorators":[]},{"name":"date","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]},{"name":"dayFullLabels","deprecated":false,"deprecationMessage":"","line":20,"type":"string[]","decorators":[]},{"name":"dayShorthandLabels","deprecated":false,"deprecationMessage":"","line":19,"type":"string[]","decorators":[]},{"name":"monthLabels","deprecated":false,"deprecationMessage":"","line":21,"type":"string[]","decorators":[]}],"outputsClass":[{"name":"dateChanged","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":24,"type":"EventEmitter"}],"propertiesClass":[{"name":"calendarArray","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"number[][]","optional":false,"description":"","line":29},{"name":"displayDate","deprecated":false,"deprecationMessage":"","type":"Date","optional":false,"description":"","line":28},{"name":"selectedDate","deprecated":false,"deprecationMessage":"","type":"Date","optional":false,"description":"","line":27},{"name":"today","defaultValue":"new Date()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":26}],"methodsClass":[{"name":"formatDate","args":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":130,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getCalendarArray","args":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"[][]","typeParameters":[],"line":51,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getDateClass","args":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":""},{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":85,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleClick","args":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":111,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"nextMonth","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":125,"deprecated":false,"deprecationMessage":""},{"name":"pad","args":[{"name":"n","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":136,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"n","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"parseDate","args":[{"name":"date","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Date","typeParameters":[],"line":46,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"date","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"previousMonth","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":120,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n OnChanges,\\n OnInit,\\n Output,\\n SimpleChanges,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-datepicker-calendar\',\\n templateUrl: \'./datepicker-calendar.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class DatepickerCalendarComponent implements OnChanges, OnInit {\\n @Input() date?: string;\\n @Input() dayShorthandLabels!: string[];\\n @Input() dayFullLabels!: string[];\\n @Input() monthLabels!: string[];\\n @Input() baseId!: string;\\n\\n @Output() dateChanged = new EventEmitter();\\n\\n today = new Date();\\n selectedDate!: Date;\\n displayDate!: Date;\\n calendarArray: number[][] = [];\\n\\n ngOnInit(): void {\\n if (this.calendarArray.length === 0) {\\n this.displayDate = new Date();\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n }\\n\\n ngOnChanges(changes: SimpleChanges) {\\n if (changes[\'date\'] && this.date) {\\n this.selectedDate = this.parseDate(this.date);\\n this.displayDate = new Date(this.selectedDate);\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n }\\n\\n parseDate(date: string): Date {\\n const [day, month, year] = date.split(\'.\').map(Number);\\n return new Date(year, month - 1, day);\\n }\\n\\n getCalendarArray(date: Date): number[][] {\\n const firstDay = new Date(date.getFullYear(), date.getMonth(), 1).getDay();\\n const adjustedFirstDay = firstDay === 0 ? 7 : firstDay; // adjust for week starting on Monday\\n const numberOfDays = new Date(\\n date.getFullYear(),\\n date.getMonth() + 1,\\n 0\\n ).getDate();\\n\\n const weeks: number[][] = [];\\n let day = 1;\\n let week: number[] = [];\\n\\n // Adjust the first week\\n for (let i = 1; i <= 7; i++) {\\n if (i < adjustedFirstDay) {\\n week.push(0);\\n } else {\\n week.push(day++);\\n }\\n }\\n weeks.push(week);\\n\\n // Add the rest of the weeks\\n while (day <= numberOfDays) {\\n week = new Array(7)\\n .fill(0)\\n .map((_, i) => (day <= numberOfDays ? day++ : 0));\\n weeks.push(week);\\n }\\n\\n return weeks;\\n }\\n\\n getDateClass(day: number, index: number): string {\\n let classes = \'\';\\n\\n const isSelectedDate =\\n this.selectedDate &&\\n day === this.selectedDate.getDate() &&\\n this.displayDate.getMonth() === this.selectedDate.getMonth() &&\\n this.displayDate.getFullYear() === this.selectedDate.getFullYear();\\n\\n const isToday =\\n day === this.today.getDate() &&\\n this.displayDate.getMonth() === this.today.getMonth() &&\\n this.displayDate.getFullYear() === this.today.getFullYear();\\n\\n if (isSelectedDate) {\\n classes += \' cvi-datepicker__calendar-button--selected\';\\n }\\n if (isToday && !isSelectedDate) {\\n classes += \' cvi-datepicker__calendar-button--today\';\\n }\\n if (!isSelectedDate && (index === 5 || index === 6)) {\\n classes += \' cvi-datepicker__calendar-button--weekend\';\\n }\\n return classes.trim();\\n }\\n\\n handleClick(day: number) {\\n this.selectedDate = new Date(\\n this.displayDate.getFullYear(),\\n this.displayDate.getMonth(),\\n day\\n );\\n this.dateChanged.emit(this.formatDate(this.selectedDate));\\n }\\n\\n previousMonth() {\\n this.displayDate.setMonth(this.displayDate.getMonth() - 1);\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n\\n nextMonth() {\\n this.displayDate.setMonth(this.displayDate.getMonth() + 1);\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n\\n formatDate(date: Date): string {\\n return `${this.pad(date.getDate())}.${this.pad(\\n date.getMonth() + 1\\n )}.${date.getFullYear()}`;\\n }\\n\\n private pad(n: number): string {\\n return n < 10 ? \'0\' + n : \'\' + n;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnChanges","OnInit"],"templateData":"
    \\n
    \\n
    \\n \\n
    \\n
    {{ monthLabels[displayDate.getMonth()] }} {{ displayDate.getFullYear() }}
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    {{ label }}
    \\n
    \\n
    \\n
    \\n \\n {{ day }}\\n \\n
    \\n
    \\n
    \\n
    \\n"},{"name":"DatepickerComponent","id":"component-DatepickerComponent-45c3c7e86848ccbccd5811476c73bee43cb4c78e6dc438aa8c0c0796e93128d52de74cc2cf8136a684e04712c452e2610d3616867400571b1f2d67ad8ff73a38","file":"libs/ui/src/lib/datepicker/datepicker.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true,\\n}","type":"component"}],"selector":"cvi-ng-datepicker","styleUrls":[],"styles":[],"templateUrl":["./datepicker.component.html"],"viewProviders":[],"inputsClass":[{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":31,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","line":30,"type":"string","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":32,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"calendarComponent","deprecated":false,"deprecationMessage":"","type":"ElementRef | undefined","optional":false,"description":"","line":33,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'datePickerCalendar\'"}]},{"name":"dayFullLabels$","defaultValue":"this.labelConfig.getDayFullLabels()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":40},{"name":"dayShorthandLabels$","defaultValue":"this.labelConfig.getDayShorthandLabels()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":39},{"name":"focus","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":45},{"name":"internalValue","deprecated":false,"deprecationMessage":"","type":"string","optional":true,"description":"","line":37,"modifierKind":[121]},{"name":"monthLabels$","defaultValue":"this.labelConfig.getMonthLabels()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":41},{"name":"onChanged","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":54,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":56,"modifierKind":[121]},{"name":"screenreaderDescription$","defaultValue":"this.labelConfig.getScreenReaderDescription()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":43},{"name":"screenreaderLabel$","defaultValue":"this.labelConfig.getScreenReaderLabel()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":42},{"name":"select","deprecated":false,"deprecationMessage":"","type":"HTMLElement","optional":false,"description":"","line":51,"modifierKind":[121,144]},{"name":"valueValidated","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":46}],"methodsClass":[{"name":"handleClickOutside","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:click\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleDateSelect","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":148,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleKeyboardEvent","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:keydown\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleValue","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":76,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onInput","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'input\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":134,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[]}],"optional":false,"returnType":"void","typeParameters":[],"line":138,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[],"tagName":{"text":"param"}}]},{"name":"setFocus","args":[{"name":"focus","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":142,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"focus","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"toggleFocus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":169,"deprecated":false,"deprecationMessage":""},{"name":"validateValue","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":153,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"string | undefined","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":130,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":103,"type":"string","decorators":[]}],"hostListeners":[{"name":"document:click","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":59},{"name":"document:keydown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":97},{"name":"input","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":71}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n forwardRef,\\n HostBinding,\\n HostListener,\\n Inject,\\n Input,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { DATEPICKER_LABEL_CONFIG } from \'./datepicker-label-config.token\';\\nimport { DatepickerLabelConfig } from \'./datepicker-label.config\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-datepicker\',\\n templateUrl: \'./datepicker.component.html\',\\n providers: [\\n {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => DatepickerComponent),\\n multi: true,\\n },\\n ],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class DatepickerComponent implements ControlValueAccessor {\\n @Input() htmlId!: string;\\n @Input() disabled = false;\\n @Input() placeholder = \'\';\\n @ViewChild(\'datePickerCalendar\') calendarComponent:\\n | ElementRef\\n | undefined;\\n\\n private internalValue?: string;\\n\\n dayShorthandLabels$ = this.labelConfig.getDayShorthandLabels();\\n dayFullLabels$ = this.labelConfig.getDayFullLabels();\\n monthLabels$ = this.labelConfig.getMonthLabels();\\n screenreaderLabel$ = this.labelConfig.getScreenReaderLabel();\\n screenreaderDescription$ = this.labelConfig.getScreenReaderDescription();\\n\\n focus = false;\\n valueValidated = \'\';\\n\\n /** @internal */\\n baseId = \'datepicker-\' + uuidv4();\\n\\n private readonly select: HTMLElement;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars\\n private onChanged = (_: string) => {};\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched = () => {};\\n\\n @HostListener(\'document:click\', [\'$event\'])\\n handleClickOutside(event: Event) {\\n const targetElement = event.target as HTMLElement;\\n\\n if (\\n !this.disabled &&\\n !this.select.contains(event.target as never) &&\\n !targetElement.classList.contains(\'cvi-datepicker__input-icon-wrapper\')\\n ) {\\n this.setFocus(false);\\n }\\n }\\n @HostListener(\'input\', [\'$event\'])\\n onInput(event: InputEvent) {\\n const inputElement = event.target as HTMLInputElement;\\n inputElement.value = this.handleValue(inputElement.value);\\n }\\n\\n handleValue(value: string): string {\\n value = value.replace(/[^\\\\d.]/g, \'\');\\n\\n if (\\n value.length >= 3 &&\\n value.charAt(2) !== \'.\' &&\\n value.split(\'.\').length - 1 < 2\\n ) {\\n value = value.substring(0, 2) + \'.\' + value.substring(2);\\n }\\n if (\\n value.length >= 6 &&\\n value.charAt(5) !== \'.\' &&\\n value.split(\'.\').length - 1 < 2\\n ) {\\n value = value.substring(0, 5) + \'.\' + value.substring(5);\\n }\\n return value;\\n }\\n\\n @HostListener(\'document:keydown\', [\'$event\'])\\n handleKeyboardEvent(event: KeyboardEvent) {\\n if (event.key === \'Escape\') {\\n this.setFocus(false);\\n }\\n }\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n const baseClass = \'cvi-datepicker\';\\n return `cvi-textfield${\\n this.disabled ? ` ${baseClass}__input-container--is-disabled` : \'\'\\n }`;\\n }\\n\\n constructor(\\n @Inject(DATEPICKER_LABEL_CONFIG) private labelConfig: DatepickerLabelConfig,\\n private readonly elementRef: ElementRef\\n ) {\\n this.select = elementRef.nativeElement;\\n }\\n\\n get value(): string | undefined {\\n return this.internalValue;\\n }\\n\\n set value(val: string | undefined) {\\n this.internalValue = val;\\n this.onChanged(val ?? \'\');\\n this.onTouched();\\n if (this.validateValue(val ?? \'\')) {\\n this.valueValidated = val ?? \'\';\\n }\\n }\\n\\n writeValue(value: string | undefined): void {\\n this.internalValue = value;\\n }\\n\\n registerOnChange(fn: (value: string) => void): void {\\n this.onChanged = fn;\\n }\\n\\n registerOnTouched(fn: () => void): void {\\n this.onTouched = fn;\\n }\\n\\n setFocus(focus: boolean): void {\\n if (!this.disabled) {\\n this.focus = focus;\\n }\\n }\\n\\n handleDateSelect(value: string): void {\\n this.value = value;\\n this.setFocus(false);\\n }\\n\\n validateValue(value: string): boolean {\\n const regex =\\n /^([1-9]|0[1-9]|1[0-9]|2[0-9]|3[0-1])\\\\.([1-9]|0[1-9]|1[0-2])\\\\.[1-2][0-9]{3}$/;\\n if (!regex.test(value)) {\\n return false;\\n }\\n\\n const [day, month, year] = value.split(\'.\').map(Number);\\n const date = new Date(year, month - 1, day);\\n return (\\n date.getDate() === day &&\\n date.getMonth() === month - 1 &&\\n date.getFullYear() === year\\n );\\n }\\n\\n toggleFocus(): void {\\n const focus = !this.focus;\\n this.setFocus(focus);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"labelConfig","type":"DatepickerLabelConfig","deprecated":false,"deprecationMessage":""},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""}],"line":108,"jsdoctags":[{"name":"labelConfig","type":"DatepickerLabelConfig","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["ControlValueAccessor"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":103}},"value":{"name":"value","setSignature":{"name":"value","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"val","type":"string | undefined","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":121,"jsdoctags":[{"name":"val","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"value","type":"","returnType":"string | undefined","line":117}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-datepicker
    Component nameDatepickerComponent
    Design system moduleForm elements
    Contentno
    Permitted parent/ancestorscvi-ng-form-item
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a datepicker based on form input. Use with FormItem component.

    \\n","templateData":"\\n \\n {{description}}\\n\\n \\n \\n \\n\\n
    {{ value }}
    \\n\\n"},{"name":"FeedbackComponent","id":"component-FeedbackComponent-ff3a43e8774805d755ed68796b5e9dfebbc935883921aef894019bd3fd552f9b9c1bd0a305a9a138342386ff600b9e7e6a0e3ff551bc3cd78303aba0bb874150","file":"libs/ui/src/lib/feedback/feedback/feedback.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => FeedbackComponent), multi: true,\\n}","type":"component"}],"selector":"cvi-ng-feedback","styleUrls":["./feedback.component.scss"],"styles":[],"templateUrl":["./feedback.component.html"],"viewProviders":[],"inputsClass":[{"name":"appearance","defaultValue":"\'regular\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nShould radio buttons have regular or compact outline button styling","description":"

    Should radio buttons have regular or compact outline button styling

    \\n","line":43,"type":"\\"regular\\" | \\"compact\\"","decorators":[]},{"name":"options","defaultValue":"[\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n ]","deprecated":false,"deprecationMessage":"","rawdescription":"\\nFeedback options","description":"

    Feedback options

    \\n","line":36,"type":"literal type[]","decorators":[]},{"name":"showIcons","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nDisplay or hide \'sad-face\' and \'happy-face\' icons","description":"

    Display or hide 'sad-face' and 'happy-face' icons

    \\n","line":46,"type":"boolean","decorators":[]},{"name":"title","defaultValue":"\'Did you find what you were looking for?\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nForm title","description":"

    Form title

    \\n","line":33,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":58,"modifierKind":[121]},{"name":"valueChangedFn","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":55,"modifierKind":[121]}],"methodsClass":[{"name":"registerOnChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[]}],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[],"tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":79,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":87,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n forwardRef,\\n Input,\\n OnDestroy,\\n OnInit,\\n} from \'@angular/core\';\\nimport {\\n ControlValueAccessor,\\n FormControl,\\n NG_VALUE_ACCESSOR,\\n} from \'@angular/forms\';\\nimport { Subject, takeUntil } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-feedback\',\\n templateUrl: \'./feedback.component.html\',\\n styleUrls: [\'./feedback.component.scss\'],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n providers: [\\n {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => FeedbackComponent),\\n multi: true,\\n },\\n ],\\n})\\nexport class FeedbackComponent\\n implements ControlValueAccessor, OnInit, OnDestroy\\n{\\n /** Form title */\\n @Input() title = \'Did you find what you were looking for?\';\\n\\n /** Feedback options */\\n @Input() options: { value: any; label: string }[] = [\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n ];\\n\\n /** Should radio buttons have regular or compact outline button styling */\\n @Input() appearance: \'regular\' | \'compact\' = \'regular\';\\n\\n /** Display or hide \'sad-face\' and \'happy-face\' icons */\\n @Input() showIcons = false;\\n\\n /** @internal */\\n radioButtonsControl = new FormControl(\'\');\\n\\n /** @internal */\\n private destroyed$ = new Subject();\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private valueChangedFn: (value: any) => void = () => {};\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => void = () => {};\\n\\n ngOnInit(): void {\\n this.radioButtonsControl.valueChanges\\n .pipe(takeUntil(this.destroyed$))\\n .subscribe((value) => this.valueChangedFn(value));\\n }\\n\\n ngOnDestroy(): void {\\n this.destroyed$.next(undefined);\\n this.destroyed$.complete();\\n }\\n\\n registerOnChange(fn: (value: any) => void): void {\\n this.valueChangedFn = fn;\\n }\\n\\n registerOnTouched(fn: () => void): void {\\n this.onTouched = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n if (isDisabled) {\\n this.radioButtonsControl.disable();\\n } else {\\n this.radioButtonsControl.enable();\\n }\\n }\\n\\n writeValue(value: any): void {\\n this.radioButtonsControl.setValue(value);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n --cvi-radio-group--list--font-size: 12px;\\n}\\n","styleUrl":"./feedback.component.scss"}],"stylesData":"","implements":["ControlValueAccessor","OnInit","OnDestroy"],"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-feedback
    Corresponding Javascript componentFeedbackComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    A simple feedback form with title, radio buttons with labels, and optional sad-face on the left and happy-face icons on the right side of the options (hidden by default).

    \\n","templateData":"\\n \\n \\n \\n\\n"},{"name":"FormItemComponent","id":"component-FormItemComponent-7dac7c02860b91f8bed160ce89158ee462a6cec9416ea69a69feb9738fe39f6f57233860b7beca0e06623dacde48f246e6f5dcf997f43eeb0ff34ee22f57e4e7","file":"libs/ui/src/lib/form-item/form-item.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-form-item","styleUrls":[],"styles":[],"templateUrl":["./form-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed down to form field component","description":"

    HTML id passed down to form field component

    \\n","line":9,"type":"string","decorators":[]},{"name":"isLabelHidden","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel is visually hidden","description":"

    Label is visually hidden

    \\n","line":18,"type":"boolean","decorators":[]},{"name":"label","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML label","description":"

    HTML label

    \\n","line":12,"type":"string","decorators":[]},{"name":"labelId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML label ID. Use in aria-labelledby attribute in non-native form widgets","description":"

    HTML label ID. Use in aria-labelledby attribute in non-native form widgets

    \\n","line":24,"type":"string","decorators":[]},{"name":"labelPosition","defaultValue":"\'top\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel position","description":"

    Label position

    \\n","line":15,"type":"\\"top\\" | \\"side\\"","decorators":[]},{"name":"required","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel is visually hidden","description":"

    Label is visually hidden

    \\n","line":21,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":26,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-form-item\',\\n templateUrl: \'./form-item.component.html\',\\n})\\nexport class FormItemComponent {\\n /** HTML id passed down to form field component */\\n @Input() htmlId!: string;\\n\\n /** HTML label */\\n @Input() label!: string;\\n\\n /** Label position */\\n @Input() labelPosition: \'top\' | \'side\' = \'top\';\\n\\n /** Label is visually hidden */\\n @Input() isLabelHidden = false;\\n\\n /** Label is visually hidden */\\n @Input() required = false;\\n\\n /** HTML label ID. Use in aria-labelledby attribute in non-native form widgets */\\n @Input() labelId!: string;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-form-item cvi-form-item--label-position-${this.labelPosition}${\\n this.required ? \' cvi-form-item--is-required\' : \'\'\\n }`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":26}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-form-item
    Component nameFormItemComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-input
    \\n

    Where to use

    \\n

    Use as a field wrapper for form elements.

    \\n","templateData":"\\n\\n"},{"name":"FormMessageComponent","id":"component-FormMessageComponent-1ea8ad6990884650a36cb95352bacdf74caa58f4b51a623fecb9a5a292ab873696bf940eadcb17102717201591bb3c2302979190e2168ed59c458da00be7c8f7","file":"libs/ui/src/lib/form-message/form-message.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"FormMessageSeverityToHeaderIconPipe","type":"pipe"}],"selector":"cvi-ng-form-message","styleUrls":[],"styles":[],"templateUrl":["./form-message.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"displayMessage","deprecated":false,"deprecationMessage":"","type":"boolean","optional":false,"description":"","line":19},{"name":"message","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":18},{"name":"severityLevel","deprecated":false,"deprecationMessage":"","type":"FormMessageSeverity","optional":false,"description":"","line":20},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":21}],"methodsClass":[{"name":"detectChanges","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":32,"deprecated":false,"deprecationMessage":""},{"name":"getIconName","args":[],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":37,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":28,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n HostBinding,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { FormMessageSeverity } from \'./form-message\';\\nimport { FormMessageSeverityToHeaderIconPipe } from \'./form-message-severity-to-header-icon.pipe\';\\n\\n@Component({\\n selector: \'cvi-ng-form-message\',\\n templateUrl: \'./form-message.component.html\',\\n providers: [FormMessageSeverityToHeaderIconPipe],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class FormMessageComponent {\\n message = \'\';\\n displayMessage!: boolean;\\n severityLevel!: FormMessageSeverity;\\n title!: string;\\n\\n constructor(\\n private cdRef: ChangeDetectorRef,\\n private readonly iconPipe: FormMessageSeverityToHeaderIconPipe\\n ) {}\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-form-message cvi-form-message--severity-${this.severityLevel}`;\\n }\\n\\n detectChanges() {\\n this.cdRef.markForCheck();\\n this.cdRef.detectChanges();\\n }\\n\\n getIconName(): CviIconName | undefined {\\n return this.iconPipe.transform(this.severityLevel);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""},{"name":"iconPipe","type":"FormMessageSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":""}],"line":21,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"iconPipe","type":"FormMessageSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":28}}},"templateData":"\\n {{ title }} {{ message }}\\n"},{"name":"GeneratedTableOfContentsComponent","id":"component-GeneratedTableOfContentsComponent-3b6ca3a78c33275948bf50c50f8b7a954faa28fb83443528c9d966ef8e39bfeb874d77a3a3ff033a130315714599b8938ee8a84a3d1e3893c0f1183f8c9c71d4","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-generated-table-of-contents","styleUrls":[],"styles":[],"templateUrl":["./generated-table-of-contents.component.html"],"viewProviders":[],"inputsClass":[{"name":"headingSelector","defaultValue":"\'h1, h2, h3\'","deprecated":false,"deprecationMessage":"","line":29,"type":"string","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","rawdescription":"\\nThis prop will be passed to cvi-ng-table-of-contents","description":"

    This prop will be passed to cvi-ng-table-of-contents

    \\n","line":28,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"content","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":45,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'content\'"}]},{"name":"domMutations","deprecated":false,"deprecationMessage":"","type":"MutationObserver","optional":false,"description":"","line":34},{"name":"scrollingTimeout","deprecated":false,"deprecationMessage":"","type":"NodeJS.Timeout","optional":false,"description":"","line":36},{"name":"timeout","deprecated":false,"deprecationMessage":"","type":"NodeJS.Timeout","optional":false,"description":"","line":35}],"methodsClass":[{"name":"buildToc","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":""},{"name":"createItemIntersectionObserver","args":[{"name":"headingEl","type":"HTMLHeadingElement","deprecated":false,"deprecationMessage":""},{"name":"anchorId","type":"string","deprecated":false,"deprecationMessage":""},{"name":"lastAnchorId","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"IntersectionObserver","typeParameters":[],"line":127,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"headingEl","type":"HTMLHeadingElement","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"anchorId","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"lastAnchorId","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"removeToc","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":161,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":41,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ElementRef,\\n HostBinding,\\n Input,\\n OnChanges,\\n OnDestroy,\\n Renderer2,\\n SimpleChanges,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { TableOfContentsService } from \'../table-of-contents.service\';\\nimport { fromEvent, Subject } from \'rxjs\';\\nimport { takeUntil } from \'rxjs/operators\';\\n\\n@Component({\\n selector: \'cvi-ng-generated-table-of-contents\',\\n templateUrl: \'./generated-table-of-contents.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class GeneratedTableOfContentsComponent\\n implements AfterViewInit, OnChanges, OnDestroy\\n{\\n /** This prop will be passed to cvi-ng-table-of-contents */\\n @Input() title!: string;\\n @Input() headingSelector = \'h1, h2, h3\';\\n\\n /** The internal marker is needed because of this Storybook bug https://github.com/storybookjs/storybook/issues/17004 */\\n /** @internal */\\n tocItems: TocItem[] = [];\\n domMutations!: MutationObserver;\\n timeout!: NodeJS.Timeout;\\n scrollingTimeout!: NodeJS.Timeout;\\n\\n /** @internal */\\n private readonly destroy$ = new Subject();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-generated-table-of-contents`;\\n }\\n\\n @ViewChild(\'content\') content!: ElementRef;\\n\\n constructor(\\n private renderer: Renderer2,\\n private tocService: TableOfContentsService,\\n private cdRef: ChangeDetectorRef\\n ) {\\n fromEvent(window, \'scroll\')\\n .pipe(takeUntil(this.destroy$))\\n .subscribe(() => {\\n if (this.scrollingTimeout) {\\n clearTimeout(this.scrollingTimeout);\\n }\\n this.scrollingTimeout = setTimeout(() => {\\n if (this.tocService.toCItemToHighlight) {\\n this.tocService.setCurrentToCSection(\\n this.tocService.toCItemToHighlight\\n );\\n this.tocService.toCItemToHighlight = undefined;\\n }\\n }, 300);\\n });\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n if (changes[\'title\']) {\\n clearTimeout(this.timeout);\\n this.timeout = setTimeout(() => this.buildToc(), 1);\\n }\\n }\\n\\n /** For more complex cases we have to observe the entire element */\\n ngAfterViewInit(): void {\\n this.domMutations = new MutationObserver(() => this.buildToc());\\n\\n this.domMutations.observe(this.content.nativeElement, {\\n childList: true,\\n subtree: true,\\n });\\n this.cdRef.markForCheck();\\n }\\n\\n ngOnDestroy(): void {\\n this.removeToc();\\n this.domMutations.disconnect();\\n clearTimeout(this.timeout);\\n\\n this.destroy$.next();\\n this.destroy$.complete();\\n this.destroy$.unsubscribe();\\n }\\n\\n buildToc(): void {\\n if (!this.content) {\\n return;\\n }\\n this.removeToc();\\n const headingNodes: NodeList = this.content.nativeElement.querySelectorAll(\\n this.headingSelector\\n );\\n if (headingNodes.length > 0) {\\n const headingEls = Array.from(headingNodes) as HTMLHeadingElement[];\\n headingEls.forEach((headingEl: HTMLHeadingElement, i: number) => {\\n if (headingEl.textContent) {\\n const anchorId = `toc-${i}`;\\n const lastAnchorId = `toc-${headingEls.length - 1}`;\\n this.renderer.setProperty(headingEl, \'id\', anchorId);\\n this.tocItems.push({\\n label: headingEl.textContent,\\n href: `#${anchorId}`,\\n intersectionObserver: this.createItemIntersectionObserver(\\n headingEl,\\n anchorId,\\n lastAnchorId\\n ),\\n });\\n }\\n });\\n this.cdRef.detectChanges();\\n }\\n }\\n\\n createItemIntersectionObserver(\\n headingEl: HTMLHeadingElement,\\n anchorId: string,\\n lastAnchorId: string\\n ): IntersectionObserver {\\n const intersectionObservable = new IntersectionObserver(\\n (entries: IntersectionObserverEntry[]) => {\\n const isBottom = isBottomOfPage();\\n const isTop = isTopOfPage();\\n if (isBottom && !isTop) {\\n this.tocService.setCurrentToCSection(\\n lastAnchorId,\\n entries[entries.length - 1].time\\n );\\n this.cdRef.detectChanges();\\n return;\\n }\\n entries.forEach((entry) => {\\n if (\\n entry.isIntersecting &&\\n entry.intersectionRatio === 1 &&\\n !this.tocService.toCItemToHighlight\\n ) {\\n this.tocService.setCurrentToCSection(anchorId, entry.time);\\n this.cdRef.detectChanges();\\n }\\n });\\n },\\n { rootMargin: \'5px 0px 5px 0px\', threshold: 1 }\\n );\\n intersectionObservable.observe(headingEl);\\n return intersectionObservable;\\n }\\n\\n private removeToc() {\\n if (this.tocItems?.length > 0) {\\n this.tocItems.forEach((item: TocItem) =>\\n item.intersectionObserver.disconnect()\\n );\\n this.tocItems = [];\\n }\\n }\\n}\\n\\nfunction isBottomOfPage() {\\n return window.innerHeight + window.scrollY + 1 > document.body.offsetHeight;\\n}\\n\\nfunction isTopOfPage() {\\n return window.scrollY === 0;\\n}\\n\\ntype TocItem = {\\n label: string;\\n href: string;\\n intersectionObserver: IntersectionObserver;\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":""},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":45,"jsdoctags":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","OnChanges","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":41}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-generated-table-of-contents
    Component nameGeneratedTableOfContentsComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Automatically generates a table of contents sidebar to textual page content that represents raw HTML wrapped into an external component.

    \\n

    Don't use this if you have full control over template. Use cvi-ng-table-of-contents-wrapper along with cvi-ng-table-of-contents and cvi-ng-table-of-contents-item directly instead.

    \\n

    How to use

    \\n
      \\n
    1. Add cvi-ng-generated-table-of-contents to a page-wide slot in a view;
      2. \\n
    2. as its content, add a number of divs or a component with raw HTML that contains some headings (h1, h2, or h3);
      3. \\n
    3. a table of contents will automatically be created and the headings will appear there.
      4. \\n
    \\n","templateData":"\\n
    \\n \\n
    \\n \\n \\n \\n \\n    \\n"},{"name":"HeaderCellComponent","id":"component-HeaderCellComponent-a610bce6cadeb9f931e67c207a15b2de5f4c13fa7abbfdead35d92c8fabe2df7eb5a57930f393425b4807aab865fb3d6f8128b26b54f34aa212931fbe7e06b64","file":"libs/ui/src/lib/table/header-cell/header-cell.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"[cvi-ng-header-cell]","styleUrls":[],"styles":[],"templateUrl":["./header-cell.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n // eslint-disable-next-line @angular-eslint/component-selector\\n selector: \'[cvi-ng-header-cell]\',\\n templateUrl: \'./header-cell.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class HeaderCellComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-table__header-cell\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":10}}},"templateData":"
    \\n \\n
    \\n"},{"name":"HierarchicalBoxDiagramComponent","id":"component-HierarchicalBoxDiagramComponent-1bfe74de92d15f1a4d7d5504d4ee87df19fd4721d3b1388401979b276bd1738ba685e6fb23fd035e8bb6704bb91e224948235528d04d138daaccb188c1dde815","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":["ViewEncapsulation.None"],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-hierarchical-box-diagram","styleUrls":["./hierarchical-box-diagram.component.scss"],"styles":[],"templateUrl":["./hierarchical-box-diagram.component.html"],"viewProviders":[],"inputsClass":[{"name":"ariaLabel","defaultValue":"\'Hierarchical box diagram\'","deprecated":false,"deprecationMessage":"","line":45,"type":"string","decorators":[]},{"name":"boxes","deprecated":false,"deprecationMessage":"","line":44,"type":"Box[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"BOX_PARAMS","defaultValue":"{\\n MAX_BOX_WIDTH: 100,\\n MAX_BOX_HEIGHT: 50,\\n LINE_HEIGHT: \'18px\',\\n FONT_SIZE: \'14px\',\\n FONT_FAMILY: \'Roboto, sans-serif\',\\n }","deprecated":false,"deprecationMessage":"","type":"object","optional":false,"description":"","line":33,"modifierKind":[121,124,144]},{"name":"container","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":42,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'container\', {static: true}"}]},{"name":"measureDiv","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":41,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'measureDiv\', {static: true}"}]},{"name":"PADDING","defaultValue":"{\\n HORIZONTAL: 16,\\n VERTICAL: 8,\\n }","deprecated":false,"deprecationMessage":"","type":"object","optional":false,"description":"","line":29,"modifierKind":[121,124,144]},{"name":"svg","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"any","optional":false,"description":"","line":47,"modifierKind":[121]}],"methodsClass":[{"name":"boxesOverlap","args":[{"name":"first","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""},{"name":"second","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":442,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"first","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"second","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"calculateBoxDimensions","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":368,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"calculateLinkPath","args":[{"name":"d","type":"HierarchyPointLink","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":160,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"d","type":"HierarchyPointLink","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"calculateSeparation","args":[{"name":"a","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""},{"name":"b","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":425,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"a","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"b","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"createDiagram","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":70,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"createSvg","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":129,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"darkenColor","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"percent","type":"","deprecated":false,"deprecationMessage":"","defaultValue":"-40"}],"optional":false,"returnType":"string","typeParameters":[],"line":403,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"percent","type":"","deprecated":false,"deprecationMessage":"","defaultValue":"-40","tagName":{"text":"param"}}]},{"name":"drawBoxes","args":[{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":181,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"drawGraph","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"drawLines","args":[{"name":"links","type":"Array>","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":147,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"links","type":"Array>","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"linkExists","args":[{"name":"links","type":"literal type[]","deprecated":false,"deprecationMessage":""},{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":357,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"links","type":"literal type[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"mapLinkToNodes","args":[{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":""},{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"HierarchyPointLink","typeParameters":[],"line":415,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onResize","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":66,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'window:resize\', [\'$event\']"}]},{"name":"removeSvg","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":462,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"setupDiagram","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":77,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"toHierarchy","args":[{"name":"boxes","type":"Box[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"HierarchyResult","typeParameters":[],"line":315,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"boxes","type":"Box[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"window:resize","args":[],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":66}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ElementRef,\\n HostListener,\\n Input,\\n NgZone,\\n OnChanges,\\n OnDestroy,\\n SimpleChanges,\\n ViewChild,\\n ViewEncapsulation,\\n} from \'@angular/core\';\\nimport * as d3 from \'d3\';\\nimport { HierarchyPointLink, HierarchyPointNode, tree } from \'d3\';\\nimport { Box } from \'./box\';\\nimport { BoxNode } from \'./box-node\';\\nimport { HierarchyResult } from \'./hierarchy-result\';\\n\\n@Component({\\n selector: \'cvi-ng-hierarchical-box-diagram\',\\n templateUrl: \'./hierarchical-box-diagram.component.html\',\\n styleUrls: [\'./hierarchical-box-diagram.component.scss\'],\\n encapsulation: ViewEncapsulation.None,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class HierarchicalBoxDiagramComponent implements OnDestroy, OnChanges {\\n private static readonly PADDING = {\\n HORIZONTAL: 16,\\n VERTICAL: 8,\\n };\\n private static readonly BOX_PARAMS = {\\n MAX_BOX_WIDTH: 100,\\n MAX_BOX_HEIGHT: 50,\\n LINE_HEIGHT: \'18px\',\\n FONT_SIZE: \'14px\',\\n FONT_FAMILY: \'Roboto, sans-serif\',\\n };\\n\\n @ViewChild(\'measureDiv\', { static: true }) measureDiv!: ElementRef;\\n @ViewChild(\'container\', { static: true }) container!: ElementRef;\\n\\n @Input() boxes!: Box[];\\n @Input() ariaLabel = \'Hierarchical box diagram\';\\n\\n private svg: any = null;\\n\\n constructor(\\n private readonly elementRef: ElementRef,\\n private readonly ngZone: NgZone,\\n private readonly cdRef: ChangeDetectorRef\\n ) {}\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n if (changes[\'boxes\']?.currentValue) {\\n this.createDiagram();\\n }\\n }\\n\\n ngOnDestroy() {\\n this.removeSvg();\\n }\\n\\n @HostListener(\'window:resize\', [\'$event\'])\\n onResize(): void {\\n this.createDiagram();\\n }\\n\\n private createDiagram(): void {\\n this.ngZone.runOutsideAngular(() => {\\n this.setupDiagram();\\n this.cdRef.markForCheck();\\n });\\n }\\n\\n private setupDiagram() {\\n this.removeSvg();\\n this.createSvg();\\n this.calculateBoxDimensions();\\n this.drawGraph();\\n }\\n\\n private drawGraph() {\\n const { rootNode, additionalLinks } = this.toHierarchy(this.boxes);\\n if (!rootNode) {\\n return;\\n }\\n\\n const root = d3.hierarchy(rootNode);\\n const containerWidth = this.container.nativeElement.clientWidth;\\n const containerHeight = this.container.nativeElement.clientHeight;\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const rootWidth = 1.5 * BOX_PARAMS.MAX_BOX_WIDTH;\\n const layout = tree()\\n .size([containerHeight, containerWidth - rootWidth])\\n .separation((a, b) => this.calculateSeparation(a, b));\\n\\n const hierarchy = layout(root);\\n const nodes: HierarchyPointNode[] = hierarchy.descendants();\\n\\n // Adjust overlapping boxes\\n for (let i = 0; i < nodes.length; i++) {\\n for (let j = i + 1; j < nodes.length; j++) {\\n while (this.boxesOverlap(nodes[i], nodes[j])) {\\n const centerVertical = this.container.nativeElement.clientHeight / 2;\\n if (nodes[j].x < centerVertical) {\\n nodes[j].x -= BOX_PARAMS.MAX_BOX_HEIGHT / 2;\\n } else {\\n nodes[j].x += BOX_PARAMS.MAX_BOX_HEIGHT / 2;\\n }\\n }\\n }\\n }\\n\\n const links: Array> = hierarchy.links();\\n\\n const additionalMappedLinks: Array> =\\n additionalLinks.map((link) => this.mapLinkToNodes(link, nodes));\\n\\n const combinedLinks: Array> = links.concat(\\n additionalMappedLinks\\n );\\n\\n this.drawLines(combinedLinks);\\n this.drawBoxes(nodes);\\n }\\n\\n private createSvg(): void {\\n const containerWidth = this.container.nativeElement.clientWidth;\\n const containerHeight = this.container.nativeElement.clientHeight;\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const viewBoxX = -BOX_PARAMS.MAX_BOX_WIDTH / 1.5;\\n const viewBoxY = 0;\\n\\n this.svg = d3\\n .select(this.container.nativeElement)\\n .append(\'svg\')\\n .attr(\'width\', \'100%\')\\n .attr(\'height\', \'100%\')\\n .attr(\\n \'viewBox\',\\n `${viewBoxX} ${viewBoxY} ${containerWidth} ${containerHeight}`\\n );\\n }\\n\\n private drawLines(links: Array>): void {\\n this.svg\\n .selectAll(\'.link\')\\n .data(links)\\n .enter()\\n .append(\'path\')\\n .attr(\'class\', \'link\')\\n .attr(\'d\', this.calculateLinkPath)\\n .attr(\'fill\', \'none\')\\n .attr(\'stroke\', \'#D2D3D8\')\\n .attr(\'stroke-width\', 2);\\n }\\n\\n private calculateLinkPath(d: HierarchyPointLink): string {\\n const sourceX = d.source.y;\\n const sourceY = d.source.x;\\n const targetX = d.target.y;\\n const targetY = d.target.x;\\n\\n const midXSource = sourceX;\\n const midYSource = (sourceY + sourceY + d.source.height) / 2;\\n\\n const midXTarget = targetX;\\n const midYTarget = (targetY + targetY + d.target.height) / 2;\\n\\n if (sourceY < targetY) {\\n return `M ${sourceX} ${sourceY} L ${midXSource} ${midYSource} L ${midXSource} ${midYTarget} L ${midXTarget} ${midYTarget} L ${targetX} ${targetY}`;\\n } else if (sourceY > targetY) {\\n return `M ${sourceX} ${sourceY} L ${midXSource} ${midYSource} L ${midXSource} ${midYTarget} L ${midXTarget} ${midYTarget} L ${targetX} ${targetY}`;\\n } else {\\n return `M ${sourceX} ${sourceY} L ${targetX} ${targetY}`;\\n }\\n }\\n\\n private drawBoxes(nodes: HierarchyPointNode[]): void {\\n const defaultWidth = 100;\\n const defaultHeight = 50;\\n const cornerRadius = 5;\\n\\n const boxesSelection = this.svg\\n .selectAll(\'.box\')\\n .data(nodes)\\n .enter()\\n .append(\'g\')\\n .attr(\'class\', \'box\')\\n .attr(\\n \'transform\',\\n (d: HierarchyPointNode) => `translate(${d.y},${d.x})`\\n );\\n\\n const boxAnchor = boxesSelection\\n .append(\'a\')\\n .each(function (this: SVGAElement, d: HierarchyPointNode) {\\n const href = d.data.data.href;\\n if (href) {\\n d3.select(this).attr(\'href\', href);\\n }\\n });\\n\\n // Title for Screen Readers\\n boxAnchor\\n .append(\'title\')\\n .text(\\n (d: HierarchyPointNode) =>\\n `Diagram box for ${d.data.data.label}`\\n );\\n\\n // Making SVG elements focusable\\n boxAnchor.attr(\'tabindex\', \'0\');\\n\\n const idToLabelLookup = nodes.reduce((acc, boxNode) => {\\n acc[boxNode.data.data.id] = boxNode.data.data.label;\\n return acc;\\n }, {} as Record);\\n\\n // Description to understand the box and its links\\n boxAnchor.append(\'desc\').text((d: HierarchyPointNode) => {\\n let description = `Box labeled ${d.data.data.label}.`;\\n\\n // Describe the parent relationship\\n if (d.parent) {\\n description += ` This box is a child of ${d.parent.data.data.label}.`;\\n }\\n\\n // Describe the targets relationship\\n if (d.data.data.targets && d.data.data.targets.length > 0) {\\n const targetLabels = d.data.data.targets.map(\\n (targetId) => idToLabelLookup[targetId] || targetId\\n );\\n description += ` This box links to boxes labeled: ${targetLabels.join(\\n \', \'\\n )}.`;\\n }\\n\\n return description;\\n });\\n\\n boxAnchor\\n .append(\'rect\')\\n .attr(\\n \'x\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.width || defaultWidth) / 2\\n )\\n .attr(\\n \'y\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.height || defaultHeight) / 2\\n )\\n .attr(\\n \'width\',\\n (d: HierarchyPointNode) => d.data.data.width || defaultWidth\\n )\\n .attr(\\n \'height\',\\n (d: HierarchyPointNode) => d.data.data.height || defaultHeight\\n )\\n .attr(\'rx\', cornerRadius)\\n .attr(\'ry\', cornerRadius)\\n .attr(\'fill\', (d: HierarchyPointNode) => {\\n return d.data.data.color;\\n })\\n .attr(\'stroke\', (d: HierarchyPointNode) => {\\n if (\\n d.data.data.borderStyle === \'dotted\' ||\\n d.data.data.borderStyle === \'solid\'\\n ) {\\n return d.data.data.borderColor || this.darkenColor(d.data.data.color);\\n }\\n return \'none\';\\n })\\n .attr(\'stroke-dasharray\', (d: HierarchyPointNode) => {\\n if (d.data.data.borderStyle === \'dotted\') {\\n return \'4,5\';\\n }\\n return \'\';\\n })\\n .attr(\'stroke-width\', 2);\\n\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n boxAnchor\\n .append(\'foreignObject\')\\n .attr(\\n \'x\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.width || defaultWidth) / 2\\n )\\n .attr(\\n \'y\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.height || defaultHeight) / 2\\n )\\n .attr(\\n \'width\',\\n (d: HierarchyPointNode) => d.data.data.width || defaultWidth\\n )\\n .attr(\\n \'height\',\\n (d: HierarchyPointNode) => d.data.data.height || defaultHeight\\n )\\n .html(\\n (d: HierarchyPointNode) =>\\n `
    ${d.data.data.label}
    `\\n )\\n .style(\'font-size\', BOX_PARAMS.FONT_SIZE)\\n .style(\'line-height\', BOX_PARAMS.LINE_HEIGHT);\\n }\\n\\n private toHierarchy(boxes: Box[]): HierarchyResult {\\n const nodeMap: { [key: string]: BoxNode } = {};\\n const additionalLinks: { source: string; target: string }[] = [];\\n\\n boxes.forEach((box) => (nodeMap[box.id] = { data: box }));\\n\\n const rootNode = nodeMap[\'1\'];\\n const queue: BoxNode[] = [rootNode];\\n\\n while (queue.length) {\\n const currentNode = queue.shift();\\n\\n if (currentNode?.data.targets) {\\n currentNode.children = [];\\n\\n currentNode.data.targets.forEach((targetId) => {\\n if (!nodeMap[targetId]) {\\n return;\\n }\\n\\n const childNode = nodeMap[targetId];\\n\\n if (childNode.parent) {\\n const link = {\\n source: currentNode.data.id,\\n target: childNode.data.id,\\n };\\n if (!this.linkExists(additionalLinks, link)) {\\n additionalLinks.push(link);\\n }\\n } else {\\n childNode.parent = currentNode;\\n currentNode.children?.push(childNode);\\n queue.push(childNode);\\n }\\n });\\n }\\n }\\n\\n return { rootNode, additionalLinks };\\n }\\n\\n private linkExists(\\n links: { source: string; target: string }[],\\n link: { source: string; target: string }\\n ): boolean {\\n return links.some(\\n (l) =>\\n (l.source === link.source && l.target === link.target) ||\\n (l.source === link.target && l.target === link.source)\\n );\\n }\\n\\n private calculateBoxDimensions(): void {\\n const { PADDING, BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const MAX_WIDTH = BOX_PARAMS.MAX_BOX_WIDTH;\\n const measureDiv = this.measureDiv?.nativeElement;\\n measureDiv.style.boxSizing = \'border-box\';\\n measureDiv.style.fontSize = BOX_PARAMS.FONT_SIZE;\\n measureDiv.style.lineHeight = BOX_PARAMS.LINE_HEIGHT;\\n measureDiv.style.fontFamily = BOX_PARAMS.FONT_FAMILY;\\n\\n this.boxes.forEach((box) => {\\n measureDiv.innerHTML = box.label;\\n const rect = measureDiv.getBoundingClientRect();\\n const width = rect.width;\\n const initialHeight = rect.height;\\n const renderedText = measureDiv.innerText || measureDiv.textContent;\\n const isSingleWordAndOverflows =\\n !/\\\\s/.test(renderedText) && width > MAX_WIDTH;\\n\\n if (isSingleWordAndOverflows) {\\n box.width = width;\\n box.height = initialHeight + PADDING.VERTICAL;\\n } else if (width > MAX_WIDTH) {\\n const overflowRatio = width / MAX_WIDTH;\\n box.width = MAX_WIDTH + PADDING.HORIZONTAL;\\n box.height = initialHeight * overflowRatio + PADDING.VERTICAL;\\n } else {\\n box.width = width + PADDING.HORIZONTAL;\\n box.height = initialHeight + PADDING.VERTICAL;\\n }\\n\\n measureDiv.innerHTML = \'\';\\n measureDiv.removeAttribute(\'style\');\\n });\\n }\\n\\n private darkenColor(color: string, percent = -40): string {\\n const num = parseInt(color.slice(1), 16);\\n const amt = Math.round(2.55 * percent);\\n const R = (num >> 16) + amt;\\n const G = ((num >> 8) & 0x00ff) + amt;\\n const B = (num & 0x0000ff) + amt;\\n return (\\n \'#\' +\\n ((1 << 24) | (R << 16) | (G << 8) | B).toString(16).slice(1).toUpperCase()\\n );\\n }\\n\\n private mapLinkToNodes(\\n link: { source: string; target: string },\\n nodes: HierarchyPointNode[]\\n ): HierarchyPointLink {\\n return {\\n source: nodes.find((node) => node.data.data.id === link.source),\\n target: nodes.find((node) => node.data.data.id === link.target),\\n } as HierarchyPointLink;\\n }\\n\\n private calculateSeparation(\\n a: HierarchyPointNode,\\n b: HierarchyPointNode\\n ): number {\\n const siblingSeparation = 1;\\n const nonSiblingSeparation = 2;\\n\\n // Consider the height of the nodes to determine separation\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const additionalSeparation =\\n Math.abs(a.x - b.x) < BOX_PARAMS.MAX_BOX_HEIGHT ? 0.5 : 0;\\n\\n return a.parent == b.parent\\n ? siblingSeparation + additionalSeparation\\n : nonSiblingSeparation + additionalSeparation;\\n }\\n\\n private boxesOverlap(\\n first: HierarchyPointNode,\\n second: HierarchyPointNode\\n ): boolean {\\n const sensitivityFactor = 5;\\n\\n const halfWidth1 = (first.data.data.width ?? 0) / 2 + sensitivityFactor;\\n const halfHeight1 = (first.data.data.height ?? 0) / 2 + sensitivityFactor;\\n\\n const halfWidth2 = (second.data.data.width ?? 0) / 2 + sensitivityFactor;\\n const halfHeight2 = (second.data.data.height ?? 0) / 2 + sensitivityFactor;\\n\\n return (\\n first.y + halfWidth1 > second.y - halfWidth2 &&\\n first.y - halfWidth1 < second.y + halfWidth2 &&\\n first.x + halfHeight1 > second.x - halfHeight2 &&\\n first.x - halfHeight1 < second.x + halfHeight2\\n );\\n }\\n\\n private removeSvg() {\\n if (this.svg) {\\n this.svg.remove();\\n const svgElement = this.container.nativeElement.querySelector(\'svg\');\\n if (svgElement) {\\n svgElement.parentNode.removeChild(svgElement);\\n }\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"a:hover {\\n text-decoration: none;\\n}\\n\\n.hidden-measure-helper {\\n position: absolute;\\n top: -10000px;\\n visibility: hidden;\\n}\\n\\n.svg-diagram-container {\\n height: 100%;\\n position: absolute;\\n width: 100%;\\n}\\n\\n.box-content {\\n align-items: center;\\n border-width: 1px;\\n display: flex;\\n height: 100%;\\n justify-content: center;\\n overflow: hidden;\\n text-align: center;\\n width: 100%;\\n word-wrap: break-word;\\n}\\n\\n.box-content.border-none {\\n border-style: none;\\n}\\n\\n.box-content.border-dotted {\\n border-style: dotted;\\n}\\n","styleUrl":"./hierarchical-box-diagram.component.scss"}],"stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"ngZone","type":"NgZone","deprecated":false,"deprecationMessage":""},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":47,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"ngZone","type":"NgZone","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnDestroy","OnChanges"],"templateData":"
    \\n
    \\n"},{"name":"HtmlSectionComponent","id":"component-HtmlSectionComponent-670f27f60bcfccdd1b0473a73b3f85dd07f3bd91a1c7f1c3a17c5b1c9e6392b395b1150c82646d3bb52e9d8e6b672c22a222d17e9a6171618ec5c209277600ec","file":"libs/ui/src/lib/html-section/html-section.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-html-section","styleUrls":[],"styles":[],"templateUrl":["./html-section.component.html"],"viewProviders":[],"inputsClass":[{"name":"allowedAttributes","defaultValue":"{\\n \'cvi-web-labeled-icon\': [\'name\'],\\n \'cvi-web-icon\': [\'name\'],\\n \'cvi-web-track\': [\\n \'gap\',\\n \'layout\',\\n \'flex-columns-equal\',\\n \'grid-rows\',\\n \'horizontal-alignment\',\\n \'vertical-alignment\',\\n \'flex-direction\',\\n \'flex-is-multiline\',\\n ],\\n }","deprecated":false,"deprecationMessage":"","line":35,"type":"Record","decorators":[]},{"name":"allowedTags","defaultValue":"[\\n \'cvi-web-labeled-icon\',\\n \'cvi-web-icon\',\\n \'cvi-web-track\',\\n ]","deprecated":false,"deprecationMessage":"","line":30,"type":"string[]","decorators":[]},{"name":"customElements","defaultValue":"[\\n [LabeledIconComponent, \'cvi-web-labeled-icon\'],\\n [IconComponent, \'cvi-web-icon\'],\\n [TrackComponent, \'cvi-web-track\'],\\n ]","deprecated":false,"deprecationMessage":"","line":25,"type":"[]","decorators":[]},{"name":"html","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]},{"name":"sanitize","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":24,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"htmlSectionRef","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":49,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'htmlSectionRef\'"}]}],"methodsClass":[{"name":"createCustomElements","args":[{"name":"elements","type":"[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":66,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"elements","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:click\'"}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"document:click","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":53}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n HostListener,\\n Injector,\\n Input,\\n OnInit,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { createCustomElement } from \'@angular/elements\';\\nimport { IconComponent } from \'../icons/icon/icon.component\';\\nimport { LabeledIconComponent } from \'../icons/labeled-icon/labeled-icon.component\';\\nimport { TrackComponent } from \'../track/track.component\';\\nimport { AllowedAttribute } from \'sanitize-html\';\\n\\n@Component({\\n selector: \'cvi-ng-html-section\',\\n templateUrl: \'./html-section.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class HtmlSectionComponent implements OnInit {\\n @Input() html = \'\';\\n @Input() sanitize = true;\\n @Input() customElements: [any, string][] = [\\n [LabeledIconComponent, \'cvi-web-labeled-icon\'],\\n [IconComponent, \'cvi-web-icon\'],\\n [TrackComponent, \'cvi-web-track\'],\\n ];\\n @Input() allowedTags: string[] = [\\n \'cvi-web-labeled-icon\',\\n \'cvi-web-icon\',\\n \'cvi-web-track\',\\n ];\\n @Input() allowedAttributes: Record = {\\n \'cvi-web-labeled-icon\': [\'name\'],\\n \'cvi-web-icon\': [\'name\'],\\n \'cvi-web-track\': [\\n \'gap\',\\n \'layout\',\\n \'flex-columns-equal\',\\n \'grid-rows\',\\n \'horizontal-alignment\',\\n \'vertical-alignment\',\\n \'flex-direction\',\\n \'flex-is-multiline\',\\n ],\\n };\\n @ViewChild(\'htmlSectionRef\') htmlSectionRef?: ElementRef;\\n\\n constructor(private readonly injector: Injector) {}\\n\\n @HostListener(\'document:click\') onClick() {\\n if (\\n this.htmlSectionRef &&\\n this.htmlSectionRef.nativeElement.innerHTML !== this.html\\n ) {\\n this.html = this.htmlSectionRef.nativeElement.innerHTML;\\n }\\n }\\n\\n ngOnInit() {\\n this.createCustomElements(this.customElements);\\n }\\n\\n private createCustomElements(elements: [any, string][]) {\\n elements\\n .filter(([, name]) => !customElements.get(name))\\n .forEach(([component, name]) => {\\n const element = createCustomElement(component, {\\n injector: this.injector,\\n });\\n customElements.define(name, element);\\n });\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":""}],"line":49,"jsdoctags":[{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnInit"],"readme":"

    General description

    \\n

    Feature | Description

    \\n
      \\n
    • Selector | cvi-ng-html-section
      • \\n
    • Component name | HtmlSectionComponent
      • \\n
    • Design system module | -
      • \\n
    • Content | no
      • \\n
    • Permitted parent/ancestors | any
      • \\n
    • Permitted children | no
      • \\n
    \\n

    Where to use

    \\n

    Use if you need to display HTML longform article-like content with rich styling.

    \\n

    HTML sanitizer is configured to check custom elements (Web Components), thus sanitizer's allowed attributes are also configured using custom elements' mapped attributes.

    \\n

    For example, if you need to use cvi-ng-track component in the html input value, use corresponding custom element cvi-web-track and dash-separated lowercase attribute names flex-direction="vertical" instead of usual property binding.

    \\n","templateData":"
    \\n"},{"name":"IconComponent","id":"component-IconComponent-fcaefaf231d9296d469116968429e003a35e6e6c028ad961208b151b588b29fde9dc135078a5af2b13d99cb8a0c02994d989689e3a1770bcd9326c762d5066e8","file":"libs/ui/src/lib/icons/icon/icon.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-icon","styleUrls":[],"styles":[],"templateUrl":["./icon.component.html"],"viewProviders":[],"inputsClass":[{"name":"height","defaultValue":"iconSizeDefault","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon height in px","description":"

    Icon height in px

    \\n","line":32,"type":"number","decorators":[]},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nTyped icon name","description":"

    Typed icon name

    \\n","line":28,"type":"CviIconName","decorators":[]},{"name":"svgClass","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nA class for SVG element","description":"

    A class for SVG element

    \\n","line":24,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"svgIcon","deprecated":false,"deprecationMessage":"","type":"SVGElement","optional":false,"description":"","line":21,"modifierKind":[121]}],"methodsClass":[{"name":"svgElementFromString","args":[{"name":"svgContent","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SVGElement","typeParameters":[],"line":40,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"svgContent","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n Inject,\\n Input,\\n OnChanges,\\n Optional,\\n} from \'@angular/core\';\\nimport { IconsRegistry } from \'../icons-registry.service\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { iconSizeDefault } from \'./icon\';\\n\\n@Component({\\n selector: \'cvi-ng-icon\',\\n templateUrl: \'./icon.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class IconComponent implements OnChanges {\\n private svgIcon!: SVGElement;\\n\\n /** A class for SVG element */\\n @Input() svgClass = \'\';\\n\\n /** Typed icon name */\\n @Input()\\n name?: CviIconName;\\n\\n /** Icon height in px */\\n @Input()\\n height?: number = iconSizeDefault;\\n\\n constructor(\\n private element: ElementRef,\\n private registry: IconsRegistry,\\n @Optional() @Inject(DOCUMENT) private document: any\\n ) {}\\n\\n private svgElementFromString(svgContent: string): SVGElement {\\n const div = this.document.createElement(\'DIV\');\\n div.innerHTML = svgContent;\\n const svg = div.querySelector(\'svg\');\\n svg.setAttribute(\'class\', this.svgClass);\\n if (this.height) {\\n svg.setAttribute(\'height\', `${this.height}px`);\\n }\\n return (\\n svg || this.document.createElementNS(\'http://www.w3.org/2000/svg\', \'path\')\\n );\\n }\\n\\n ngOnChanges(): void {\\n if (!this.name) {\\n return;\\n }\\n if (this.svgIcon) {\\n this.element.nativeElement.removeChild(this.svgIcon);\\n }\\n const svgData = this.registry.getIcon(this.name);\\n if (svgData) {\\n this.svgIcon = this.svgElementFromString(svgData);\\n this.element.nativeElement.appendChild(this.svgIcon);\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"element","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"registry","type":"IconsRegistry","deprecated":false,"deprecationMessage":""},{"name":"document","type":"any","deprecated":false,"deprecationMessage":""}],"line":32,"jsdoctags":[{"name":"element","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"registry","type":"IconsRegistry","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnChanges"],"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-icon
    Component nameIconComponent
    Contentno
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a regular svg icon.

    \\n

    Please remember to register the icon via IconsRegistry in your app.

    \\n","templateData":"\\n"},{"name":"InputComponent","id":"component-InputComponent-dc16ad08eeb94972a39f66086b6b5ee0236449340190073f19b72fe4052c6f03bd81d542cd34e8b7b4706edcba3aaa8c9dc58d6722808df78556d97cd63011fd","file":"libs/ui/src/lib/input/input.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"inputComponentValueAccessor","type":"component"}],"selector":"cvi-ng-input","styleUrls":[],"styles":[],"templateUrl":["./input.component.html"],"viewProviders":[],"inputsClass":[{"name":"disabled","deprecated":false,"deprecationMessage":"","rawdescription":"\\nInput is disabled","description":"

    Input is disabled

    \\n","line":47,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed from FormItem component","description":"

    HTML id passed from FormItem component

    \\n","line":40,"type":"string","decorators":[]},{"name":"maxLength","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMaximum number of characters allowed","description":"

    Maximum number of characters allowed

    \\n","line":43,"type":"string","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nPlaceholder","description":"

    Placeholder

    \\n","line":56,"type":"string","decorators":[]},{"name":"suffixIconName","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon added to the right","description":"

    Icon added to the right

    \\n","line":59,"type":"CviIconName","decorators":[]},{"name":"validationType","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly allow certain characters","description":"

    Only allow certain characters

    \\n","line":63,"type":"ValidationType","decorators":[]}],"outputsClass":[{"name":"valueChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmit value on model change","description":"

    Emit value on model change

    \\n","line":71,"type":"EventEmitter"}],"propertiesClass":[{"name":"_disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"

    Internal

    \\n","line":77,"rawdescription":"\\nInternal"},{"name":"_internalValue","deprecated":false,"deprecationMessage":"","type":"any","optional":true,"description":"

    Internal

    \\n","line":74,"rawdescription":"\\nInternal"},{"name":"_validationType","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ValidationType","optional":false,"description":"","line":79},{"name":"onChanged","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":82,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":85,"modifierKind":[121]},{"name":"propagateDisabled","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":87,"modifierKind":[121]}],"methodsClass":[{"name":"handleValue","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":101,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onInput","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":96,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'input\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnChange","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":129,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnDisabledChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":137,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":133,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":141,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":120,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":125,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":89,"type":"string","decorators":[]}],"hostListeners":[{"name":"input","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":96}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n Component,\\n EventEmitter,\\n forwardRef,\\n HostBinding,\\n HostListener,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\nexport const inputComponentValueAccessor = {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => InputComponent),\\n multi: true,\\n};\\n\\ntype ValidationType = null | \'positiveNumbers\';\\n\\nconst inputRegex: { [key: string]: RegExp } = {\\n positiveNumbers: /\\\\D/g,\\n};\\n\\nconst patterns: { [key: string]: string } = {\\n positiveNumbers: \'[0-9]*\',\\n};\\n\\nconst inputModes: { [key: string]: string } = {\\n positiveNumbers: \'numeric\',\\n};\\n\\n@Component({\\n selector: \'cvi-ng-input\',\\n templateUrl: \'./input.component.html\',\\n providers: [inputComponentValueAccessor],\\n})\\nexport class InputComponent implements ControlValueAccessor {\\n /** HTML id passed from FormItem component */\\n @Input() htmlId!: string;\\n\\n /** Maximum number of characters allowed */\\n @Input() maxLength?: string;\\n\\n /** Input is disabled */\\n @Input()\\n set disabled(value: boolean) {\\n this._disabled = value;\\n }\\n\\n get disabled(): boolean {\\n return this._disabled;\\n }\\n\\n /** Placeholder */\\n @Input() placeholder = \'\';\\n\\n /** Icon added to the right */\\n @Input() suffixIconName!: CviIconName;\\n\\n /** Only allow certain characters */\\n @Input()\\n set validationType(value: ValidationType) {\\n this._validationType = value;\\n }\\n\\n get validationType(): ValidationType {\\n return this._validationType;\\n }\\n /** Emit value on model change */\\n @Output() valueChange = new EventEmitter();\\n\\n /** Internal */\\n _internalValue?: any;\\n\\n /** Internal */\\n _disabled = false;\\n\\n _validationType: ValidationType = null;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onChanged: (_: any) => void = () =>\\n this.valueChange.emit(this._internalValue);\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => any = () => {};\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private propagateDisabled = (_: any) => {};\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-textfield cvi-textfield--type-single-line${\\n this.disabled ? \' cvi-textfield--is-disabled\' : \'\'\\n }${this.suffixIconName ? \' cvi-textfield--has-suffix-icon\' : \'\'}`;\\n }\\n\\n @HostListener(\'input\', [\'$event\'])\\n onInput(event: InputEvent) {\\n const inputElement = event.target as HTMLInputElement;\\n inputElement.value = this.handleValue(inputElement.value);\\n }\\n\\n handleValue(value: string): string {\\n if (this.validationType !== null) {\\n value = value.replace(inputRegex[this.validationType], \'\');\\n }\\n return value;\\n }\\n\\n get pattern(): string | null {\\n return this.validationType !== null && this.validationType in patterns\\n ? patterns[this.validationType]\\n : null;\\n }\\n\\n get inputMode(): string | null {\\n return this.validationType !== null && this.validationType in inputModes\\n ? inputModes[this.validationType]\\n : null;\\n }\\n\\n setValue(value: any) {\\n this.onChanged(this.handleValue(value));\\n this.onTouched();\\n }\\n\\n writeValue(value: any): void {\\n this._internalValue = value;\\n }\\n\\n registerOnChange(fn: any): void {\\n this.onChanged = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n registerOnDisabledChange(fn: (isDisabled: boolean) => void): void {\\n this.propagateDisabled = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n this.disabled = isDisabled;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["ControlValueAccessor"],"accessors":{"disabled":{"name":"disabled","setSignature":{"name":"disabled","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"value","type":"boolean","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":47,"rawdescription":"\\nInput is disabled","description":"

    Input is disabled

    \\n","jsdoctags":[{"name":"value","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"disabled","type":"boolean","returnType":"boolean","line":51}},"validationType":{"name":"validationType","setSignature":{"name":"validationType","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"value","type":"ValidationType","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":63,"rawdescription":"\\nOnly allow certain characters","description":"

    Only allow certain characters

    \\n","jsdoctags":[{"name":"value","type":"ValidationType","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"validationType","type":"","returnType":"ValidationType","line":67}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":89}},"pattern":{"name":"pattern","getSignature":{"name":"pattern","type":"","returnType":"string | null","line":108}},"inputMode":{"name":"inputMode","getSignature":{"name":"inputMode","type":"","returnType":"string | null","line":114}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-input
    Component nameInputComponent
    Contentno
    Permitted parent/ancestorscvi-ng-form-item
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a form input. Use with FormItem component.

    \\n

    Can be used with character counter directive cviNgCharacterCounter. If set, character counter uses binded [maxChars] property for defining maximum value, otherwise it takes the maximum value from maxlength attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the maxlength value accordingly.

    \\n","templateData":"\\n\\n\\n\\n"},{"name":"LabeledIconComponent","id":"component-LabeledIconComponent-f3d9dddf9536837549b2cfdb1daab2413d6888e5f56a61cbe2b471dfbe1aacbeb4e3eacffb7f2a87779b3354b6604a60625e1bb80b6a65c57a92e9367a5a28c7","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-labeled-icon","styleUrls":[],"styles":[],"templateUrl":["./labeled-icon.component.html"],"viewProviders":[],"inputsClass":[{"name":"gap","defaultValue":"4","deprecated":false,"deprecationMessage":"","rawdescription":"\\nGap between icon and text","description":"

    Gap between icon and text

    \\n","line":36,"type":"Gap","decorators":[]},{"name":"iconClass","defaultValue":"\'cvi-labeled-icon__icon-wrapper\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nAdditional classes for the cvi-ng-icon element","description":"

    Additional classes for the cvi-ng-icon element

    \\n","line":39,"type":"string","decorators":[]},{"name":"iconHeight","defaultValue":"iconSizeDefault","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon height in px","description":"

    Icon height in px

    \\n","line":32,"type":"number","decorators":[]},{"name":"iconPosition","defaultValue":"\'before\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon location","description":"

    Icon location

    \\n","line":22,"type":"LabeledIconPosition","decorators":[]},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon name","description":"

    Icon name

    \\n","line":25,"type":"CviIconName","decorators":[]},{"name":"svgClass","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nAdditional classes for the SVG element","description":"

    Additional classes for the SVG element

    \\n","line":28,"type":"string","decorators":[]},{"name":"verticalAlignment","defaultValue":"\'normal\'","deprecated":false,"deprecationMessage":"","line":41,"type":"LabeledIconVerticalAlignment","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"content","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":43,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'content\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":45,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n HostBinding,\\n Input,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { Gap } from \'../../track/track\';\\nimport { iconSizeDefault } from \'../icon/icon\';\\nimport { LabeledIconPosition } from \'../icon-position\';\\nimport { LabeledIconVerticalAlignment } from \'./vertical-alignment\';\\n\\n@Component({\\n selector: \'cvi-ng-labeled-icon\',\\n templateUrl: \'./labeled-icon.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class LabeledIconComponent {\\n /** Icon location */\\n @Input() iconPosition: LabeledIconPosition = \'before\';\\n\\n /** Icon name */\\n @Input() name!: CviIconName;\\n\\n /** Additional classes for the SVG element */\\n @Input() svgClass = \'\';\\n\\n /** Icon height in px */\\n @Input()\\n iconHeight?: number = iconSizeDefault;\\n\\n /** Gap between icon and text */\\n @Input()\\n gap: Gap = 4;\\n\\n /** Additional classes for the cvi-ng-icon element */\\n @Input() iconClass = \'cvi-labeled-icon__icon-wrapper\';\\n\\n @Input() verticalAlignment: LabeledIconVerticalAlignment = \'normal\';\\n\\n @ViewChild(\'content\') content!: ElementRef;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-labeled-icon`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":45}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-labeled-icon
    Component nameLabeledIconComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenPhrasing content
    \\n

    Where to use

    \\n

    Displays a regular svg icon that can optionally be followed by an html element.

    \\n","templateData":"\\n \\n \\n \\n\\n
    \\n \\n
    \\n\\n \\n \\n \\n    \\n\\n\\n \\n \\n\\n"},{"name":"ModalComponent","id":"component-ModalComponent-9a2ad60a944048a39b9f841596163c24579cf663b031446c871fe34f0a14d8f196a9579f340208cdd7f9b0cbc9b1c4dcb5bf3fd39db3efcc0f781c76d80dd52d","file":"libs/ui/src/lib/modal/modal.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-modal","styleUrls":[],"styles":[],"templateUrl":["./modal.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[{"name":"closed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":21,"type":"EventEmitter"}],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":17},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":19}],"methodsClass":[{"name":"closeModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":31,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n HostBinding,\\n OnDestroy,\\n Output,\\n TemplateRef,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-modal\',\\n templateUrl: \'./modal.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ModalComponent implements OnDestroy {\\n templateRef!: TemplateRef;\\n\\n title!: string;\\n\\n @Output() closed = new EventEmitter();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-modal`;\\n }\\n\\n ngOnDestroy(): void {\\n this.closeModal();\\n }\\n\\n closeModal(): void {\\n this.closed.emit();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":23}}},"templateData":"
    \\n \\n \\n
    \\n
    \\n"},{"name":"NotificationComponent","id":"component-NotificationComponent-b36b42cecfe013cbec5aa7f9cfff0a62a5e9362256356e4960f4e9779a0e69b5b11645f3b94c74231a581d25745d81abb9a282e6ce3ca2cf566421b7d0b08b68","file":"libs/ui/src/lib/notification/notification.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-notification","styleUrls":[],"styles":[],"templateUrl":["./notification.component.html"],"viewProviders":[],"inputsClass":[{"name":"iconName","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon to show (if not set, showing default icon for severity)","description":"

    Icon to show (if not set, showing default icon for severity)

    \\n","line":28,"type":"CviIconName","decorators":[]},{"name":"severity","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nNotification severity","description":"

    Notification severity

    \\n","line":19,"type":"NotificationSeverity","decorators":[]},{"name":"showCloseButton","defaultValue":"true","deprecated":false,"deprecationMessage":"","rawdescription":"\\nShould the close button be displayed","description":"

    Should the close button be displayed

    \\n","line":31,"type":"boolean","decorators":[]},{"name":"showIcon","defaultValue":"true","deprecated":false,"deprecationMessage":"","rawdescription":"\\nShould the icon be displayed (before header for regular and before content for compact)","description":"

    Should the icon be displayed (before header for regular and before content for compact)

    \\n","line":25,"type":"boolean","decorators":[]},{"name":"size","defaultValue":"\'regular\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nNotification size","description":"

    Notification size

    \\n","line":22,"type":"NotificationSize","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","rawdescription":"\\nNotification title","description":"

    Notification title

    \\n","line":34,"type":"string","decorators":[]}],"outputsClass":[{"name":"closed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmitter for the close button click","description":"

    Emitter for the close button click

    \\n","line":37,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[{"name":"close","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":49,"deprecated":false,"deprecationMessage":""},{"name":"getIconName","args":[],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { NotificationSeverity, NotificationSize } from \'./notification\';\\nimport { NotificationSeverityToHeaderIconPipe } from \'./notification-severity-to-header-icon.pipe\';\\n\\n@Component({\\n selector: \'cvi-ng-notification\',\\n templateUrl: \'./notification.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class NotificationComponent {\\n /** Notification severity */\\n @Input() severity: NotificationSeverity = \'info\';\\n\\n /** Notification size */\\n @Input() size: NotificationSize = \'regular\';\\n\\n /** Should the icon be displayed (before header for regular and before content for compact) */\\n @Input() showIcon = true;\\n\\n /** Icon to show (if not set, showing default icon for severity) */\\n @Input() iconName?: CviIconName;\\n\\n /** Should the close button be displayed */\\n @Input() showCloseButton = true;\\n\\n /** Notification title */\\n @Input() title!: string;\\n\\n /** Emitter for the close button click */\\n @Output() closed = new EventEmitter();\\n\\n constructor(\\n private readonly iconPipe: NotificationSeverityToHeaderIconPipe\\n ) {}\\n\\n getIconName(): CviIconName | undefined {\\n return this.showIcon\\n ? this.iconName || this.iconPipe.transform(this.severity)\\n : undefined;\\n }\\n\\n close() {\\n this.closed.emit();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"iconPipe","type":"NotificationSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":""}],"line":37,"jsdoctags":[{"name":"iconPipe","type":"NotificationSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-notification
    Component nameNotificationComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    A notification component.

    \\n","templateData":"
    \\n \\n
    \\n
    \\n \\n \\n

    {{ title }}

    \\n     \\n     \\n \\n

    {{ title }}

    \\n     \\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n
    \\n"},{"name":"OptionButtonComponent","id":"component-OptionButtonComponent-c195a5590aed118a62116ac0fa39b0ff87bc3505457bf5a957b092208d5787ef2323515a4d7e5b152bda5b4fe8c471a47120e049ba782ddd1738dc941119606e","file":"libs/ui/src/lib/radio-button/option-button/option-button.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: RadioButtonComponent, useExisting: OptionButtonComponent,\\n}","type":"component"}],"selector":"cvi-ng-option-button","styleUrls":[],"styles":[],"templateUrl":["./option-button.component.html"],"viewProviders":[],"inputsClass":[{"name":"checked","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":26,"type":"boolean","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":28,"type":"boolean","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"label","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button label","description":"

    Radio button label

    \\n","line":24,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML name","description":"

    HTML name

    \\n","line":18,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"value","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button value","description":"

    Radio button value

    \\n","line":21,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}}],"outputsClass":[{"name":"inputInteraction","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":30,"type":"EventEmitter","inheritance":{"file":"RadioButtonComponent"}}],"propertiesClass":[{"name":"roleAttr","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":32,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}],"inheritance":{"file":"RadioButtonComponent"}}],"methodsClass":[{"name":"markForCheck","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":44,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"RadioButtonComponent"}},{"name":"onInputInteraction","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"RadioButtonComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":16,"type":"string","decorators":[]},{"name":"attr.role","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","line":32,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding } from \'@angular/core\';\\nimport { RadioButtonComponent } from \'../radio-button/radio-button.component\';\\n\\n// Todo: this component is a full duplicate of radio-group.component aside from styling, get rid of it?\\n@Component({\\n selector: \'cvi-ng-option-button\',\\n templateUrl: \'./option-button.component.html\',\\n providers: [\\n {\\n provide: RadioButtonComponent,\\n useExisting: OptionButtonComponent,\\n },\\n ],\\n})\\nexport class OptionButtonComponent extends RadioButtonComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-radio-group__item`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"RadioButtonComponent","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":16}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-option-button
    Component nameOptionButtonComponent
    Design system module-
    Contentno
    Permitted parent/ancestorsRadioButtonsComponent
    Permitted children-
    \\n

    Where to use

    \\n

    A radio button that looks like a regular button. Use to allow end users to quickly leave feedback, etc.

    \\n","templateData":"\\n"},{"name":"RadioButtonComponent","id":"component-RadioButtonComponent-b631e593ed71e4d01772e65ea1d6ced172d3b5b597f182e4a39e83c70b28d3862e7cedc100fc9e680d11b31b85f7e79e64908526f33ecd86ad4ca5e5cd825bb5","file":"libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-radio-button","styleUrls":[],"styles":[],"templateUrl":["./radio-button.component.html"],"viewProviders":[],"inputsClass":[{"name":"checked","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":26,"type":"boolean","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":28,"type":"boolean","decorators":[]},{"name":"label","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button label","description":"

    Radio button label

    \\n","line":24,"type":"string","decorators":[]},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML name","description":"

    HTML name

    \\n","line":18,"type":"string","decorators":[]},{"name":"value","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button value","description":"

    Radio button value

    \\n","line":21,"type":"string","decorators":[]}],"outputsClass":[{"name":"inputInteraction","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":30,"type":"EventEmitter"}],"propertiesClass":[{"name":"roleAttr","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":32,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]}],"methodsClass":[{"name":"markForCheck","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":44,"deprecated":false,"deprecationMessage":""},{"name":"onInputInteraction","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.role","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","line":32,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n EventEmitter,\\n HostBinding,\\n Input,\\n Output,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-radio-button\',\\n templateUrl: \'./radio-button.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class RadioButtonComponent {\\n /** HTML name */\\n @Input() name!: string;\\n\\n /** Radio button value */\\n @Input() value!: string;\\n\\n /** Radio button label */\\n @Input() label!: string;\\n\\n @Input() checked = false;\\n\\n @Input() disabled = false;\\n\\n @Output() inputInteraction: EventEmitter = new EventEmitter();\\n\\n @HostBinding(\'attr.role\') roleAttr = \'listitem\';\\n\\n constructor(private changeDetector: ChangeDetectorRef) {}\\n\\n onInputInteraction(event: Event) {\\n event.stopPropagation();\\n\\n if (!this.checked) {\\n this.inputInteraction.emit(this.value);\\n }\\n }\\n\\n markForCheck() {\\n this.changeDetector.markForCheck();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"changeDetector","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":32,"jsdoctags":[{"name":"changeDetector","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"templateData":"\\n"},{"name":"RadioGroupComponent","id":"component-RadioGroupComponent-784b0dea31f0bf3453c1a68818e2803d0446b845d08a7699352b7007880253b104a752da5f0a4f07efc343fc11aaa871fbbbb7c57d4deb9de79bfc944540b387","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RadioGroupComponent), multi: true,\\n}","type":"component"}],"selector":"cvi-ng-radio-group","styleUrls":[],"styles":[],"templateUrl":["./radio-group.component.html"],"viewProviders":[],"inputsClass":[{"name":"appearance","defaultValue":"\'regular\'","deprecated":false,"deprecationMessage":"","line":43,"type":"\\"regular\\" | \\"compact\\"","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":41,"type":"boolean","decorators":[]},{"name":"name","defaultValue":"`radio-group-${nextUniqueId++}`","deprecated":false,"deprecationMessage":"","line":37,"type":"string","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","rawdescription":"\\nFieldset label","description":"

    Fieldset label

    \\n","line":35,"type":"string","decorators":[]},{"name":"value","defaultValue":"null","deprecated":false,"deprecationMessage":"","line":39,"type":"","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"groupValueChangedFn","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":60,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":63},{"name":"radioButtons","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":true,"description":"","line":52,"decorators":[{"name":"ContentChildren","stringifiedArguments":"undefined, {descendants: true}"}]},{"name":"selected","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"RadioButtonComponent | null","optional":false,"description":"","line":54,"modifierKind":[121]}],"methodsClass":[{"name":"registerOnChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":65,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":69,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateSelectedRadioFromValue","args":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":106,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"value","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":77,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":45,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n Component,\\n ContentChildren,\\n forwardRef,\\n HostBinding,\\n Input,\\n OnChanges,\\n OnDestroy,\\n QueryList,\\n SimpleChanges,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { RadioButtonComponent } from \'../radio-button/radio-button.component\';\\nimport { Subject, takeUntil } from \'rxjs\';\\n\\n// Increasing integer for generating unique ids for radio components.\\nlet nextUniqueId = 0;\\n\\n@Component({\\n selector: \'cvi-ng-radio-group\',\\n templateUrl: \'./radio-group.component.html\',\\n providers: [\\n {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => RadioGroupComponent),\\n multi: true,\\n },\\n ],\\n})\\nexport class RadioGroupComponent\\n implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy\\n{\\n /** Fieldset label */\\n @Input() title!: string;\\n\\n @Input() name = `radio-group-${nextUniqueId++}`;\\n\\n @Input() value: unknown = null;\\n\\n @Input() disabled = false;\\n\\n @Input() appearance: \'regular\' | \'compact\' = \'regular\';\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-radio-group cvi-radio-group--appearance-${this.appearance}`;\\n }\\n\\n @ContentChildren(forwardRef(() => RadioButtonComponent), {\\n descendants: true,\\n })\\n radioButtons?: QueryList;\\n\\n private selected: RadioButtonComponent | null = null;\\n\\n /** @internal */\\n private destroyed$ = new Subject();\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private groupValueChangedFn: (value: unknown) => void = () => {};\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n onTouched: () => unknown = () => {};\\n\\n registerOnChange(fn: (value: unknown) => void): void {\\n this.groupValueChangedFn = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n this.disabled = isDisabled;\\n }\\n\\n writeValue(value: unknown): void {\\n this.value = value;\\n this.updateSelectedRadioFromValue(value);\\n }\\n\\n ngAfterViewInit(): void {\\n this.radioButtons?.forEach((radio) => {\\n radio.name = this.name;\\n radio.markForCheck();\\n radio.inputInteraction\\n .pipe(takeUntil(this.destroyed$))\\n .subscribe((value) => {\\n this.updateSelectedRadioFromValue(value);\\n });\\n });\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n const value = changes[\'value\'];\\n if (value && value.currentValue !== value.previousValue) {\\n this.updateSelectedRadioFromValue(value.currentValue);\\n }\\n }\\n\\n ngOnDestroy(): void {\\n this.destroyed$.next(undefined);\\n this.destroyed$.complete();\\n }\\n\\n private updateSelectedRadioFromValue(value: unknown): void {\\n this.value = value;\\n const isAlreadySelected =\\n this.selected !== null && this.selected.value === this.value;\\n\\n if (this.radioButtons && !isAlreadySelected) {\\n this.selected?.markForCheck();\\n this.selected = null;\\n\\n this.radioButtons.forEach((radio) => {\\n radio.checked = this.value === radio.value;\\n\\n if (radio.checked) {\\n this.selected = radio;\\n this.selected.markForCheck();\\n }\\n });\\n\\n this.groupValueChangedFn(value);\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["ControlValueAccessor","AfterViewInit","OnChanges","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":45}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-radio-group
    Component nameRadioGroupComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenRadioGroupComponent
    \\n

    Where to use

    \\n

    A wrapper for radios (cvi-ng-radio-button) and buttons-as-radios (cvi-ng-option-button). Note that both cvi-ng-radio-button and cvi-ng-option-button cannot be used on their own.

    \\n","templateData":"
    \\n {{ title }}\\n
    \\n \\n
    \\n
    \\n"},{"name":"ReorderableListComponent","id":"component-ReorderableListComponent-c16129b1d3edcaeb8c1bf75cd467cf81ae89f78591aff65443528f7976615e4f5a8ebba571bbc7dd3200614ebaf81075c3a9179a20c215a690231c52d6f1562b","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list","styleUrls":[],"styles":[],"template":"\\n \\n\\n","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"items","deprecated":false,"deprecationMessage":"","line":23,"type":"any[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":24,"decorators":[{"name":"ContentChild","stringifiedArguments":"TemplateRef"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":26,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ContentChild,\\n HostBinding,\\n Input,\\n TemplateRef,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list\',\\n template: `\\n \\n \\n \\n `,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ReorderableListComponent {\\n /* eslint-disable @typescript-eslint/no-explicit-any */\\n @Input() items!: any[];\\n @ContentChild(TemplateRef) templateRef!: TemplateRef;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-reorderable-list`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":26}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-reorderable-list
    Component nameReorderableListComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-reorderable-list-item
    \\n

    Where to use

    \\n

    Used for steps configuration.

    \\n

    It works with any provided object type. Make sure the template bindings match with the provided object type keys.

    \\n

    Here are some examples:

    \\n"},{"name":"ReorderableListExampleComponent","id":"component-ReorderableListExampleComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-example.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n {{ item.value }}\\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ReorderableListItemComponent","id":"component-ReorderableListItemComponent-ac5672c1b5f209a46ba420e0f41bff43c8bb82990a4e270d940280261e3136cb1fdbfe3c7d190e38c0ace866a9d53637c53a442a91813e27048b2f3625d6cb2f","file":"libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-item","styleUrls":[],"styles":[],"templateUrl":["./reorderable-list-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"index","deprecated":false,"deprecationMessage":"","line":17,"type":"number","decorators":[]},{"name":"setAsNextStepButtonVisible","deprecated":false,"deprecationMessage":"","line":19,"type":"boolean","decorators":[]},{"name":"setAsPreviousStepButtonVisible","deprecated":false,"deprecationMessage":"","line":18,"type":"boolean","decorators":[]}],"outputsClass":[{"name":"removeStepEvent","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":22,"type":"EventEmitter"},{"name":"swapStepsEvent","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":21,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[{"name":"moveStepTo","args":[{"name":"direction","type":"\\"previous\\" | \\"next\\"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":32,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"direction","type":"\\"previous\\" | \\"next\\"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"removeStep","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n HostBinding,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-item\',\\n templateUrl: \'./reorderable-list-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ReorderableListItemComponent {\\n @Input() index!: number;\\n @Input() setAsPreviousStepButtonVisible!: boolean;\\n @Input() setAsNextStepButtonVisible!: boolean;\\n\\n @Output() swapStepsEvent = new EventEmitter();\\n @Output() removeStepEvent = new EventEmitter();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-reorderable-list__item`;\\n }\\n\\n get orderNr(): number {\\n return this.index + 1;\\n }\\n\\n moveStepTo(direction: \'previous\' | \'next\'): void {\\n this.swapStepsEvent.emit({\\n index1: this.index,\\n index2: (this.index += direction === \'next\' ? 1 : -1),\\n } as SwapReorderableListItems);\\n }\\n\\n removeStep(): void {\\n this.removeStepEvent.emit(this.index);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":24}},"orderNr":{"name":"orderNr","getSignature":{"name":"orderNr","type":"number","returnType":"number","line":28}}},"templateData":"\\n\\n
    \\n \\n
    \\n {{ orderNr }}\\n
    \\n \\n
    \\n\\n
    \\n \\n
    \\n"},{"name":"ReorderableListMultipleFormItemsComponent","id":"component-ReorderableListMultipleFormItemsComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-multiple-form-items-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-multiple-form-items.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n Add item\\n \\n \\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ReorderableListMultipleTracksAndFormItemsComponent","id":"component-ReorderableListMultipleTracksAndFormItemsComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-multiple-tracks-and-form-items-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n Add item\\n \\n \\n\\n\\n\\n \\n \\n \x3c!-- Additional track for gaps between containing elements --\x3e\\n \\n \x3c!-- 1st track--\x3e\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \x3c!-- 2nd track --\x3e\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n\\n \\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ReorderableListSingleFormItemComponent","id":"component-ReorderableListSingleFormItemComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-single-form-item-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-single-form-item.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n Add item\\n \\n \\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ScreenreaderTextComponent","id":"component-ScreenreaderTextComponent-3ccbae52863886f0fb462ff3a0b59c51d883487d6aa75191579456953b7b88d66d546843f7f3e753e527a9b322d5e9daa725df69ded303da9906ea1c481a955e","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-screenreader-text","styleUrls":[],"styles":[],"template":"{{ label }}","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":8,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-screenreader-text\',\\n template: `{{ label }}`,\\n})\\nexport class ScreenreaderTextComponent {\\n @Input() label!: string;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-screenreader-text`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":10}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-screenreader-text
    Component nameScreenreaderTextComponent
    Design system module-
    Contentno
    Permitted parent/ancestorsany (usually an interactive element such as button)
    Permitted children-
    \\n

    Where to use

    \\n

    Use to provide some label to an accessibility device while hiding it visually. This will help to avoid a WCAG violation such as "Buttons must have discernible text". This is an alternative technique to using aria-label attribute.

    \\n"},{"name":"SelectComponent","id":"component-SelectComponent-44237bfb2706d50478a653b87a6ceb94a7f0b47e1ecacceb82426163a5aa3ec4f1224259e44b31371387d9dd73c2197f2c27806ec5c05f3be8e08682a59729be","file":"libs/ui/src/lib/select/select.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-select","styleUrls":[],"styles":[],"templateUrl":["./select.component.html"],"viewProviders":[],"inputsClass":[{"name":"addItemFn","deprecated":false,"deprecationMessage":"","line":55,"type":"AddItemFn | undefined","decorators":[]},{"name":"addItemLabel","deprecated":false,"deprecationMessage":"","line":54,"type":"string | undefined","decorators":[]},{"name":"backgroundDisabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":57,"type":"boolean","decorators":[]},{"name":"bindLabel","deprecated":false,"deprecationMessage":"","line":43,"type":"string","decorators":[]},{"name":"bindValue","deprecated":false,"deprecationMessage":"","line":42,"type":"string","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":58,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed from FormItem component","description":"

    HTML id passed from FormItem component

    \\n","line":61,"type":"string","decorators":[]},{"name":"items","deprecated":false,"deprecationMessage":"","line":45,"type":"[]","decorators":[]},{"name":"labelId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel id passed from FormItem component","description":"

    Label id passed from FormItem component

    \\n","line":64,"type":"string","decorators":[]},{"name":"loading","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":65,"type":"boolean","decorators":[]},{"name":"loadingLabel","defaultValue":"\'Laadimine...\'","deprecated":false,"deprecationMessage":"","line":66,"type":"string","decorators":[]},{"name":"minTermLength","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":56,"type":"number","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":49,"type":"string","decorators":[]},{"name":"searchFn","defaultValue":"null","deprecated":false,"deprecationMessage":"","line":50,"type":" | null","decorators":[]},{"name":"sortItemsFn","deprecated":false,"deprecationMessage":"","line":67,"type":" | undefined","decorators":[]},{"name":"valueFormatFn","defaultValue":"null","deprecated":false,"deprecationMessage":"","rawdescription":"\\nThis function is mandatory when objects as items are provided","description":"

    This function is mandatory when objects as items are provided

    \\n","line":53,"type":" | null","decorators":[]}],"outputsClass":[{"name":"itemChanged","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":69,"type":"EventEmitter"}],"propertiesClass":[{"name":"control","deprecated":false,"deprecationMessage":"","type":"NgControl","optional":false,"description":"","line":100,"decorators":[{"name":"Self","stringifiedArguments":""},{"name":"Optional","stringifiedArguments":""}],"modifierKind":[123]},{"name":"destroy$","defaultValue":"new Subject()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":87,"modifierKind":[121,144]},{"name":"editButton","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":79,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'editButton\', {static: true}"}]},{"name":"focusedOptionIndex","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"number | null","optional":false,"description":"","line":85},{"name":"isOpen","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":81},{"name":"itemsList","deprecated":false,"deprecationMessage":"","type":"SelectItemsList","optional":false,"description":"","line":83},{"name":"labelTemplate","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":true,"description":"","line":72,"decorators":[{"name":"ContentChild","stringifiedArguments":"LabelTemplateDirective, {read: TemplateRef}"}]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":93,"modifierKind":[121]},{"name":"optionTemplate","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":true,"description":"","line":74,"decorators":[{"name":"ContentChild","stringifiedArguments":"OptionTemplateDirective, {read: TemplateRef}"}]},{"name":"searchInput","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":77,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'searchInput\', {static: true}"}]},{"name":"searchInputFocused","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":84},{"name":"searchTerm","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"string | null","optional":false,"description":"","line":82},{"name":"select","deprecated":false,"deprecationMessage":"","type":"HTMLElement","optional":false,"description":"","line":88,"modifierKind":[121,144]},{"name":"valueChangedFn","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":91,"modifierKind":[121]}],"methodsClass":[{"name":"addItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":345,"deprecated":false,"deprecationMessage":""},{"name":"blur","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":207,"deprecated":false,"deprecationMessage":""},{"name":"checkToClose","args":[{"name":"event","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":328,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"close","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":268,"deprecated":false,"deprecationMessage":""},{"name":"filter","args":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":336,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"focus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":198,"deprecated":false,"deprecationMessage":""},{"name":"focusEditButton","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":203,"deprecated":false,"deprecationMessage":""},{"name":"handleArrowButtonClick","args":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":250,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleClosingFromKeyboard","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":232,"deprecated":false,"deprecationMessage":""},{"name":"handleMousedown","args":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":239,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleOpeningWithArrowFromKeyboard","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":219,"deprecated":false,"deprecationMessage":""},{"name":"handleOpeningWithTypingFromKeyboard","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":226,"deprecated":false,"deprecationMessage":""},{"name":"handleOutsideClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":313,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"open","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":261,"deprecated":false,"deprecationMessage":""},{"name":"registerOnChange","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":284,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":288,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"restoreFocusAfterClosing","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":211,"deprecated":false,"deprecationMessage":""},{"name":"selectItem","args":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":178,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":292,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setItems","args":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":341,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateFocusedItem","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":194,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"obj","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":302,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"obj","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChild,\\n ElementRef,\\n EventEmitter,\\n Inject,\\n Input,\\n NgZone,\\n OnChanges,\\n OnDestroy,\\n OnInit,\\n Optional,\\n Output,\\n Self,\\n SimpleChanges,\\n TemplateRef,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { fromEvent, merge, Subject } from \'rxjs\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { takeUntil } from \'rxjs/operators\';\\nimport { ControlValueAccessor, NgControl } from \'@angular/forms\';\\nimport {\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n} from \'./select-templates.directive\';\\nimport { SelectOption } from \'./select.types\';\\nimport { SelectItemsList } from \'./select-items-list\';\\n\\nexport type AddItemFn = (term: string) => unknown | Promise;\\n\\n@Component({\\n selector: \'cvi-ng-select\',\\n templateUrl: \'./select.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class SelectComponent\\n implements ControlValueAccessor, OnInit, OnDestroy, OnChanges\\n{\\n @Input() bindValue?: string;\\n @Input() bindLabel?: string;\\n\\n @Input() set items(items: unknown[]) {\\n this.setItems(items);\\n }\\n\\n @Input() placeholder = \'\';\\n @Input() searchFn?: ((search: string, item: unknown) => boolean) | null =\\n null;\\n /** This function is mandatory when objects as items are provided */\\n @Input() valueFormatFn?: ((item: unknown) => string) | null = null;\\n @Input() addItemLabel: string | undefined;\\n @Input() addItemFn: AddItemFn | undefined;\\n @Input() minTermLength = 0;\\n @Input() backgroundDisabled = false;\\n @Input() disabled = false;\\n\\n /** HTML id passed from FormItem component */\\n @Input() htmlId!: string;\\n\\n /** Label id passed from FormItem component */\\n @Input() labelId!: string;\\n @Input() loading = false;\\n @Input() loadingLabel = \'Laadimine...\';\\n @Input() sortItemsFn: ((a: unknown, b: unknown) => number) | undefined;\\n\\n @Output() itemChanged = new EventEmitter();\\n\\n @ContentChild(LabelTemplateDirective, { read: TemplateRef })\\n labelTemplate?: TemplateRef;\\n @ContentChild(OptionTemplateDirective, { read: TemplateRef })\\n optionTemplate?: TemplateRef;\\n\\n @ViewChild(\'searchInput\', { static: true })\\n searchInput?: ElementRef;\\n @ViewChild(\'editButton\', { static: true })\\n editButton?: ElementRef;\\n\\n isOpen = false;\\n searchTerm: string | null = null;\\n itemsList: SelectItemsList;\\n searchInputFocused = false;\\n focusedOptionIndex: number | null = null;\\n\\n private readonly destroy$ = new Subject();\\n private readonly select: HTMLElement;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private valueChangedFn: (value: unknown) => void = () => {};\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => unknown = () => {};\\n\\n constructor(\\n private zone: NgZone,\\n elementRef: ElementRef,\\n private cd: ChangeDetectorRef,\\n @Optional() @Inject(DOCUMENT) private document: Document,\\n @Self() @Optional() public control: NgControl\\n ) {\\n this.control && (this.control.valueAccessor = this);\\n this.select = elementRef.nativeElement;\\n this.itemsList = new SelectItemsList(this);\\n }\\n\\n get invalid(): boolean {\\n return this.control ? !!this.control.invalid : false;\\n }\\n\\n get inputValue(): string | undefined {\\n if (this.searchTerm) {\\n return this.searchTerm;\\n }\\n\\n return \'\';\\n }\\n\\n get touched(): boolean {\\n return this.control ? !!this.control.touched : false;\\n }\\n\\n get selectedItem(): SelectOption | undefined {\\n return this.itemsList.selectedItem;\\n }\\n\\n get hasValue() {\\n return !!this.selectedItem;\\n }\\n\\n get showAddItem() {\\n if (!this.validTerm) {\\n return false;\\n }\\n\\n return !!this.addItemFn;\\n }\\n\\n get listboxHtmlId() {\\n return this.htmlId + \'-listbox\';\\n }\\n\\n get focusedItemHtmlId() {\\n if (this.isOpen && this.focusedOptionIndex !== null) {\\n return this.htmlId + \'-listbox-item-\' + this.focusedOptionIndex;\\n }\\n return \'\';\\n }\\n\\n ngOnInit(): void {\\n this.handleOutsideClick();\\n\\n if (this.control?.control) {\\n const originalMarkAsTouched = this.control.control.markAsTouched;\\n this.control.control.markAsTouched = (args) => {\\n originalMarkAsTouched.apply(this.control.control, [args]);\\n this.cd.markForCheck();\\n };\\n }\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n if (changes[\'sortItemsFn\']) {\\n const sortFn = changes[\'sortItemsFn\'].currentValue;\\n\\n if (sortFn instanceof Function) {\\n this.itemsList.sortItems(changes[\'sortItemsFn\'].currentValue);\\n }\\n }\\n }\\n\\n ngOnDestroy() {\\n this.destroy$.next();\\n this.destroy$.complete();\\n this.destroy$.unsubscribe();\\n }\\n\\n selectItem(item: SelectOption): void {\\n this.itemsList.select(item);\\n\\n const selectedValue = this.bindValue\\n ? this.itemsList.selectedItem?.value[this.bindValue]\\n : this.itemsList.selectedItem?.value;\\n this.itemChanged.emit(selectedValue);\\n\\n if (typeof this.valueChangedFn === \'function\') {\\n this.valueChangedFn(selectedValue);\\n }\\n\\n this.close();\\n this.restoreFocusAfterClosing();\\n }\\n\\n updateFocusedItem(index: number) {\\n this.focusedOptionIndex = index;\\n }\\n\\n focus() {\\n // timeout is needed to focus input element when it is hidden and becomes visible again\\n setTimeout(() => this.searchInput?.nativeElement.focus());\\n }\\n\\n focusEditButton() {\\n setTimeout(() => this.editButton?.nativeElement.focus());\\n }\\n\\n blur() {\\n this.searchInput?.nativeElement.blur();\\n }\\n\\n restoreFocusAfterClosing() {\\n if (this.backgroundDisabled && this.hasValue) {\\n this.focusEditButton();\\n } else {\\n this.focus();\\n }\\n }\\n\\n handleOpeningWithArrowFromKeyboard() {\\n if (!this.isOpen) {\\n this.open();\\n this.updateFocusedItem(0);\\n }\\n }\\n\\n handleOpeningWithTypingFromKeyboard() {\\n if (!this.isOpen) {\\n this.open();\\n }\\n }\\n\\n handleClosingFromKeyboard() {\\n if (this.isOpen) {\\n this.close();\\n this.restoreFocusAfterClosing();\\n }\\n }\\n\\n handleMousedown(event: MouseEvent) {\\n if (!this.hasValue || !this.backgroundDisabled) {\\n const target = event.target as HTMLElement;\\n if (target.tagName !== \'INPUT\') {\\n event.preventDefault();\\n }\\n\\n this.open();\\n }\\n }\\n\\n handleArrowButtonClick(event: MouseEvent) {\\n event.stopPropagation();\\n event.preventDefault();\\n\\n if (this.isOpen) {\\n this.close();\\n } else {\\n this.open();\\n }\\n }\\n\\n open() {\\n if (!this.disabled) {\\n this.isOpen = true;\\n this.focus();\\n }\\n }\\n\\n close() {\\n if (!this.isOpen) {\\n return;\\n }\\n\\n this.isOpen = false;\\n this.searchTerm = null;\\n this.itemsList.resetFilteredItems();\\n this.focusedOptionIndex = null;\\n\\n if (typeof this.onTouched === \'function\') {\\n this.onTouched();\\n }\\n this.cd.markForCheck();\\n }\\n\\n registerOnChange(fn: any): void {\\n this.valueChangedFn = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n this.disabled = isDisabled;\\n\\n if (this.disabled) {\\n this.close();\\n }\\n\\n this.cd.markForCheck();\\n }\\n\\n writeValue(obj: any): void {\\n this.itemsList.clearSelection();\\n\\n const item = this.itemsList.findItem(obj);\\n if (item) {\\n this.itemsList.select(item);\\n }\\n\\n this.cd.markForCheck();\\n }\\n\\n private handleOutsideClick() {\\n if (!this.document) {\\n return;\\n }\\n\\n this.zone.runOutsideAngular(() => {\\n merge(\\n fromEvent(this.document, \'touchstart\', { capture: true }),\\n fromEvent(this.document, \'mousedown\', { capture: true })\\n )\\n .pipe(takeUntil(this.destroy$))\\n .subscribe((event) => this.checkToClose(event));\\n });\\n }\\n\\n private checkToClose(event: any) {\\n if (this.select.contains(event.target)) {\\n return;\\n }\\n\\n this.zone.run(() => this.close());\\n }\\n\\n filter(term: string) {\\n this.searchTerm = term;\\n this.itemsList.filter(term);\\n }\\n\\n private setItems(items: unknown[]) {\\n this.itemsList.setItems(items);\\n }\\n\\n addItem() {\\n let item;\\n if (this.addItemFn instanceof Function && !!this.searchTerm) {\\n item = this.addItemFn(this.searchTerm);\\n } else {\\n item = this.searchTerm;\\n }\\n\\n if (item instanceof Promise) {\\n item\\n .then((result) => this.selectItem(this.itemsList.addItem(result)))\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n .catch(() => {\\n this.close();\\n });\\n } else {\\n this.selectItem(this.itemsList.addItem(item));\\n }\\n }\\n\\n private get validTerm() {\\n const term = this.searchTerm && this.searchTerm.trim();\\n return term && term.length >= this.minTermLength;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"zone","type":"NgZone","deprecated":false,"deprecationMessage":""},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""},{"name":"control","type":"NgControl","deprecated":false,"deprecationMessage":""}],"line":93,"jsdoctags":[{"name":"zone","type":"NgZone","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"control","type":"NgControl","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["ControlValueAccessor","OnInit","OnDestroy","OnChanges"],"accessors":{"items":{"name":"items","setSignature":{"name":"items","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":45,"jsdoctags":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},"invalid":{"name":"invalid","getSignature":{"name":"invalid","type":"boolean","returnType":"boolean","line":107}},"inputValue":{"name":"inputValue","getSignature":{"name":"inputValue","type":"","returnType":"string | undefined","line":111}},"touched":{"name":"touched","getSignature":{"name":"touched","type":"boolean","returnType":"boolean","line":119}},"selectedItem":{"name":"selectedItem","getSignature":{"name":"selectedItem","type":"","returnType":"SelectOption | undefined","line":123}},"hasValue":{"name":"hasValue","getSignature":{"name":"hasValue","type":"","returnType":"","line":127}},"showAddItem":{"name":"showAddItem","getSignature":{"name":"showAddItem","type":"","returnType":"","line":131}},"listboxHtmlId":{"name":"listboxHtmlId","getSignature":{"name":"listboxHtmlId","type":"","returnType":"","line":139}},"focusedItemHtmlId":{"name":"focusedItemHtmlId","getSignature":{"name":"focusedItemHtmlId","type":"","returnType":"","line":143}},"validTerm":{"name":"validTerm","getSignature":{"name":"validTerm","type":"","returnType":"","line":365}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-select
    Component nameSelectComponent
    Contentno
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a select component where you can search element

    \\n","templateData":"
    \\n
    \\n
    \\n
    {{placeholder}}
    \\n
    \\n \\n {{selectedItem?.label}}\\n \\n\\n \\n \\n
    \\n
    \\n
    \\n \\n
    \\n \x3c!-- We don\'t use ngIf here because it would be impossible to focus the button --\x3e\\n \\n \\n \\n \\n
    \\n
    \\n
    \\n
      \\n
    • \\n \\n {{ bindLabel ? item.value[bindLabel] : item.value }}\\n \\n \\n \\n
      • \\n
    • \\n {{addItemLabel}} \\"{{searchTerm}}\\"\\n
      • \\n
    \\n \\n
    \\n {{ loadingLabel }}\\n
    \\n     \\n
    \\n
    \\n
    \\n\\n\\n \\n \\n \\n \\n \\n \\n
    \\n    \\n"},{"name":"StatusBadgeComponent","id":"component-StatusBadgeComponent-973eaa245d2c81b1185e15461de7d0b78cc22c1ca0c235fd08c814ff571ab22ebc57e007d180b64dc987255162b5742a571dc06c926ce13b9bf6bc05999458dc","file":"libs/ui/src/lib/status-badge/status-badge.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-status-badge","styleUrls":[],"styles":[],"templateUrl":["./status-badge.component.html"],"viewProviders":[],"inputsClass":[{"name":"hasBackground","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":26,"type":"boolean","decorators":[]},{"name":"label","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":22,"type":"string","decorators":[]},{"name":"severity","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","line":21,"type":"StatusBadgeSeverity","decorators":[]},{"name":"tooltipIcon","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","line":25,"type":"CviIconName","decorators":[]},{"name":"tooltipText","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]},{"name":"withTooltip","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":23,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getCustomProperty","args":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | null","typeParameters":[],"line":47,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":28,"type":"string","decorators":[]},{"name":"style.--background-color","deprecated":false,"deprecationMessage":"","line":34,"type":"string | null","decorators":[]},{"name":"style.--border-color","deprecated":false,"deprecationMessage":"","line":41,"type":"string | null","decorators":[]},{"name":"style.--color","deprecated":false,"deprecationMessage":"","line":31,"type":"string | null","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport {\\n StatusBadgeSeverity,\\n StatusBadgeCustomPropertyGroup,\\n statusBadgeCustomPropertyGroups,\\n StatusBadgeCustomProperties,\\n} from \'./status-badge\';\\n\\n@Component({\\n selector: \'cvi-ng-status-badge\',\\n templateUrl: \'./status-badge.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StatusBadgeComponent {\\n @Input() severity: StatusBadgeSeverity = \'info\';\\n @Input() label = \'\';\\n @Input() withTooltip = false;\\n @Input() tooltipText? = \'\';\\n @Input() tooltipIcon?: CviIconName = \'info\';\\n @Input() hasBackground = true;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-status-badge`;\\n }\\n @HostBinding(\'style.--color\') get hostStyleColor(): string | null {\\n return this.getCustomProperty(\'--color\');\\n }\\n @HostBinding(\'style.--background-color\') get hostStyleBackgroundColor():\\n | string\\n | null {\\n return this.hasBackground\\n ? this.getCustomProperty(\'--background-color\')\\n : null;\\n }\\n @HostBinding(\'style.--border-color\') get hostStyleBorderColor():\\n | string\\n | null {\\n return this.getCustomProperty(\'--border-color\');\\n }\\n\\n getCustomProperty(\\n propName: keyof StatusBadgeCustomProperties\\n ): string | null {\\n const item = statusBadgeCustomPropertyGroups.find(\\n (group: StatusBadgeCustomPropertyGroup) =>\\n group.severity === this.severity\\n );\\n if (item) {\\n return `var(${\\n item.customProperties[propName as keyof StatusBadgeCustomProperties]\\n })`;\\n }\\n return null;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":28}},"hostStyleColor":{"name":"hostStyleColor","getSignature":{"name":"hostStyleColor","type":"","returnType":"string | null","line":31}},"hostStyleBackgroundColor":{"name":"hostStyleBackgroundColor","getSignature":{"name":"hostStyleBackgroundColor","type":"","returnType":"string | null","line":34}},"hostStyleBorderColor":{"name":"hostStyleBorderColor","getSignature":{"name":"hostStyleBorderColor","type":"","returnType":"string | null","line":41}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-status-badge
    Component nameStatusBadgeComponent
    Design system module-
    Contentno
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Adds a colored status badge with some text.

    \\n","templateData":"
    \\n {{ label }}\\n \\n
    \\n"},{"name":"StepComponent","id":"component-StepComponent-d46ab0f5829fa36a97387dca48ae0370d4f3fb7f26e4e94d617ae4413b89f077953836c696dba8c846827dbbbb97aff0665c3d4d5e798939da87b65283738aa5","file":"libs/ui/src/lib/steps/step/step.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-step","styleUrls":[],"styles":[],"template":"\\n \\n\\n","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"ref","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":29,"modifierKind":[123]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":31,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ElementRef,\\n HostBinding,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-step\',\\n template: `\\n \\n \\n \\n `,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StepComponent {\\n /** The internal marker is needed because otherwise its default value overrides the input in Storybook */\\n /** @internal */\\n private _isVisible = false;\\n set isVisible(isVisible) {\\n this._isVisible = isVisible;\\n this.cdRef.detectChanges();\\n }\\n get isVisible() {\\n return this._isVisible;\\n }\\n constructor(public ref: ElementRef, private cdRef: ChangeDetectorRef) {}\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-steps__step\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"ref","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":28,"jsdoctags":[{"name":"ref","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"isVisible":{"name":"isVisible","setSignature":{"name":"isVisible","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"isVisible","type":"","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":22,"jsdoctags":[{"name":"isVisible","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"isVisible","type":"","returnType":"","line":26}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":31}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-step
    Component nameStepComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorscvi-ng-steps
    Permitted childrenany, cvi-ng-step-panel
    \\n

    Where to use

    \\n

    Is responsible for rendering a tab in cvi-ng-steps. You can insert cvi-ng-step-panel inside this component for better UI.

    \\n"},{"name":"StepPanelComponent","id":"component-StepPanelComponent-722d1d3131aeb832629da9ce3d70843e9af33c37f48cd23bebde71afa25e5f2b08f44f5ef074ffea42df1870a6d97219819aac8a6a2dbebb8609074080bc0c9d","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-step-panel","styleUrls":[],"styles":[],"templateUrl":["./step-panel.component.html"],"viewProviders":[],"inputsClass":[{"name":"status","deprecated":false,"deprecationMessage":"","line":28,"type":"\\"success\\" | \\"error\\" | null","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"_status","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"\\"success\\" | \\"error\\" | null","optional":false,"description":"","line":26},{"name":"_title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":16}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":38,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n OnDestroy,\\n} from \'@angular/core\';\\nimport { ReplaySubject } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-step-panel\',\\n templateUrl: \'./step-panel.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StepPanelComponent implements OnDestroy {\\n _title!: string;\\n @Input()\\n set title(title: string) {\\n this._title = title;\\n this.titleChangeSubject.next(title);\\n }\\n get title() {\\n return this._title;\\n }\\n\\n _status: \'success\' | \'error\' | null = null;\\n @Input()\\n set status(status: \'success\' | \'error\' | null) {\\n this._status = status;\\n }\\n get status(): \'success\' | \'error\' | null {\\n return this._status;\\n }\\n\\n /** @internal */\\n public titleChangeSubject = new ReplaySubject(1);\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-steps__content-panel\';\\n }\\n\\n ngOnDestroy(): void {\\n this.titleChangeSubject.complete();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnDestroy"],"accessors":{"title":{"name":"title","setSignature":{"name":"title","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":18,"jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"title","type":"","returnType":"","line":22}},"status":{"name":"status","setSignature":{"name":"status","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"status","type":"\\"success\\" | \\"error\\" | null","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":28,"jsdoctags":[{"name":"status","type":"\\"success\\" | \\"error\\" | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"status","type":"","returnType":"\\"success\\" | \\"error\\" | null","line":31}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":38}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-step-panel
    Component nameStepPanelComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorscvi-ng-step
    Permitted childrenany
    \\n

    Where to use

    \\n

    Is responsible for rendering tab content panel in cvi-ng-steps. This is your primary option when displaying some content in the steps component.

    \\n","templateData":"

    {{ title }}

    \\n\\n"},{"name":"StepsComponent","id":"component-StepsComponent-f00cee0b0257d1539a139fdd62f63b1840bd5e3e4bff1f91d154589c777c9c4f09cc30dd5d3564218b794dab4d3cfdc5c5cf640d89a00b6b733bd6549c5ed552","file":"libs/ui/src/lib/steps/steps/steps.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-steps","styleUrls":[],"styles":[],"templateUrl":["./steps.component.html"],"viewProviders":[],"inputsClass":[{"name":"anyStepSelected","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":56,"type":"boolean","decorators":[]},{"name":"currentProgressCSSVar","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":55,"type":"number","decorators":[]},{"name":"currentStepIndex","deprecated":false,"deprecationMessage":"","line":38,"type":"number | null","decorators":[]},{"name":"hasTableOfContents","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":46,"type":"boolean","decorators":[]},{"name":"stepIndex","defaultValue":"null","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIndex of a step, used to initiate step change from a parent component","description":"

    Index of a step, used to initiate step change from a parent component

    \\n","line":49,"type":"number | null","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":29,"type":"string","decorators":[]}],"outputsClass":[{"name":"currentStepIndexChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":34,"type":"EventEmitter"},{"name":"stepChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":51,"type":"EventEmitter"}],"propertiesClass":[{"name":"_currentStepIndex","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"number | null","optional":false,"description":"

    Internal

    \\n","line":32,"rawdescription":"\\nInternal","modifierKind":[121]},{"name":"_stepPanels","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":60},{"name":"panelSubscription","deprecated":false,"deprecationMessage":"","type":"Subscription","optional":false,"description":"","line":59},{"name":"stepChildren","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":57,"decorators":[{"name":"ContentChildren","stringifiedArguments":"StepComponent"}]},{"name":"stepStatuses","deprecated":false,"deprecationMessage":"","type":"(\\"success\\" | \\"error\\" | null)[]","optional":false,"description":"","line":53},{"name":"stepTitles","deprecated":false,"deprecationMessage":"","type":"string[]","optional":false,"description":"","line":54}],"methodsClass":[{"name":"hideStepsContent","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":151,"deprecated":false,"deprecationMessage":""},{"name":"setProgress","args":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":157,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"stepSelected","args":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":140,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateStepsData","args":[{"name":"stepPanels","type":"StepPanelComponent[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":131,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"stepPanels","type":"StepPanelComponent[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":86,"type":"string","decorators":[]},{"name":"style.--current-step","deprecated":false,"deprecationMessage":"","line":92,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterContentInit,\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChildren,\\n EventEmitter,\\n HostBinding,\\n Input,\\n OnChanges,\\n OnDestroy,\\n Output,\\n QueryList,\\n SimpleChanges,\\n} from \'@angular/core\';\\nimport { StepComponent } from \'../step/step.component\';\\nimport { StepPanelComponent } from \'../step-panel/step-panel.component\';\\nimport { Subscription } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-steps\',\\n templateUrl: \'./steps.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StepsComponent\\n implements AfterViewInit, AfterContentInit, OnChanges, OnDestroy\\n{\\n @Input() title!: string;\\n\\n /** Internal */\\n private _currentStepIndex: number | null = null;\\n\\n @Output() currentStepIndexChange: EventEmitter =\\n new EventEmitter();\\n\\n @Input()\\n get currentStepIndex(): number | null {\\n return this._currentStepIndex;\\n }\\n set currentStepIndex(value) {\\n this._currentStepIndex = value;\\n this.currentStepIndexChange.emit(value);\\n }\\n\\n @Input() hasTableOfContents = false;\\n\\n /** Index of a step, used to initiate step change from a parent component */\\n @Input() stepIndex: number | null = null;\\n\\n @Output() stepChange = new EventEmitter();\\n\\n stepStatuses!: (\'success\' | \'error\' | null)[];\\n stepTitles!: string[];\\n @Input() currentProgressCSSVar = 0;\\n @Input() anyStepSelected = false;\\n @ContentChildren(StepComponent) stepChildren!: QueryList;\\n\\n panelSubscription!: Subscription;\\n _stepPanels!: QueryList;\\n @ContentChildren(StepPanelComponent, { descendants: true })\\n set stepPanels(panels: QueryList) {\\n if (this.panelSubscription) {\\n this.panelSubscription.unsubscribe();\\n }\\n this.panelSubscription = new Subscription();\\n this._stepPanels = panels;\\n this._stepPanels\\n .toArray()\\n .forEach((stepPanel: StepPanelComponent, i: number) => {\\n this.panelSubscription.add(\\n stepPanel.titleChangeSubject.subscribe((title: string) => {\\n if (this.stepTitles && title) {\\n this.stepTitles[i] = title;\\n }\\n })\\n );\\n });\\n }\\n get stepPanels() {\\n return this._stepPanels;\\n }\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-steps${this.anyStepSelected ? \' is-any-step-selected\' : \'\'}${\\n this.hasTableOfContents ? \' has-toc\' : \'\'\\n }`;\\n }\\n\\n @HostBinding(\'style.--current-step\') get getCurrentStepAsCSSVar(): string {\\n return this.currentStepIndex === null\\n ? \'\'\\n : `\'${this.currentStepIndex + 1}\'`;\\n }\\n\\n ngAfterContentInit(): void {\\n this.updateStepsData(this._stepPanels.toArray());\\n if (this.currentStepIndex !== null) {\\n this.anyStepSelected = true;\\n this.setProgress(this.currentStepIndex);\\n }\\n this.hideStepsContent();\\n }\\n\\n ngAfterViewInit(): void {\\n this.stepChildren.changes.subscribe(() => {\\n this.hideStepsContent();\\n this.cdRef.markForCheck();\\n });\\n this._stepPanels.changes.subscribe((stepPanels: StepPanelComponent[]) => {\\n this.updateStepsData(stepPanels);\\n this.cdRef.markForCheck();\\n });\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n const stepIndexChange = changes[\'stepIndex\'];\\n if (stepIndexChange && this.stepChildren) {\\n this.stepSelected(stepIndexChange.currentValue);\\n }\\n }\\n\\n ngOnDestroy(): void {\\n if (this.panelSubscription) {\\n this.panelSubscription.unsubscribe();\\n }\\n }\\n\\n updateStepsData(stepPanels: StepPanelComponent[]) {\\n this.stepTitles = stepPanels.map(\\n (stepPanel: StepPanelComponent) => stepPanel.title\\n );\\n this.stepStatuses = stepPanels.map(\\n (stepPanel: StepPanelComponent) => stepPanel.status\\n );\\n }\\n\\n stepSelected(stepIndex: number): void {\\n if (this.currentStepIndex == stepIndex) {\\n return;\\n }\\n this.anyStepSelected = true;\\n this.currentStepIndex = stepIndex;\\n this.hideStepsContent();\\n this.setProgress(stepIndex);\\n this.stepChange.emit(this.currentStepIndex);\\n }\\n\\n hideStepsContent(): void {\\n this.stepChildren.map((step: StepComponent, stepIndex: number) => {\\n step.isVisible = stepIndex === this.currentStepIndex;\\n });\\n }\\n\\n setProgress(stepIndex: number) {\\n this.currentProgressCSSVar = Math.round(\\n ((stepIndex + 1) / this.stepTitles.length) * 100\\n );\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":82,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","AfterContentInit","OnChanges","OnDestroy"],"accessors":{"currentStepIndex":{"name":"currentStepIndex","setSignature":{"name":"currentStepIndex","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":41,"jsdoctags":[{"name":"value","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"currentStepIndex","type":"","returnType":"number | null","line":38}},"stepPanels":{"name":"stepPanels","setSignature":{"name":"stepPanels","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"panels","type":"QueryList","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":62,"jsdoctags":[{"name":"panels","type":"QueryList","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"stepPanels","type":"","returnType":"","line":80}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":86}},"getCurrentStepAsCSSVar":{"name":"getCurrentStepAsCSSVar","getSignature":{"name":"getCurrentStepAsCSSVar","type":"string","returnType":"string","line":92}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-steps
    Component nameStepsComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-step
    \\n

    Where to use

    \\n

    Adds sequential tabs that do not block non-linear interaction.

    \\n","templateData":"

    {{ title }}

    \\n
    \\n \\n
    \\n
    \\n
    \\n
      \\n
    1. \\n \\n
      2. \\n
    \\n \\n
    1 && this.currentStepIndex !== null\\"\\n class=\\"cvi-steps__directional-buttons\\"\\n dataAttribute=\\"steps_directional_buttons\\">\\n \\n \\n
    \\n
    \\n
    \\n\\n\x3c!-- We need this filter in order for rounded corners to work --\x3e\\n\\n \\n \\n \\n \\n \\n\\n"},{"name":"StorybookColorCardComponent","id":"component-StorybookColorCardComponent-ec399dc1134ac2770569a29b2a67c5285109780ecab4d4b4ffadfbac1db69b3fc88251b64a2465772d2ecb5bf9a1e64b402e0058f2b3669f2a59f9e302803deb","file":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-card.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-color-card","styleUrls":["./storybook-color-card.component.scss"],"styles":[],"templateUrl":["./storybook-color-card.component.html"],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-color-card\',\\n templateUrl: \'./storybook-color-card.component.html\',\\n styleUrls: [\'./storybook-color-card.component.scss\'],\\n})\\nexport class StorybookColorCardComponent {\\n @Input() label!: string;\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@import \'libs/styles/src/lib/scss/settings/variables/other\';\\n\\n.swatch {\\n aspect-ratio: 1;\\n border-radius: var(--cvi-radius-s);\\n height: 140px;\\n background-color: var(--color);\\n}\\n.label {\\n padding-top: var(--cvi-spacing-paldiski);\\n}\\n","styleUrl":"./storybook-color-card.component.scss"}],"stylesData":"","templateData":"
    \\n
    {{ label }}
    \\n"},{"name":"StorybookColorCardsComponent","id":"component-StorybookColorCardsComponent-903b70dd692ce71726b7c12b6f56ca013f8efb6911b2974d689d70fcec82b2f6d50410ab219f36162d8a050a5db367273c45155d798210f8c2bec565833d396c","file":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-cards.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-color-cards","styleUrls":["./storybook-color-cards.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-color-cards\',\\n template: ``,\\n styleUrls: [\'./storybook-color-cards.component.scss\'],\\n})\\nexport class StorybookColorCardsComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n display: flex;\\n flex-wrap: wrap;\\n gap: var(--cvi-spacing-haapsalu);\\n}\\n","styleUrl":"./storybook-color-cards.component.scss"}],"stylesData":""},{"name":"StorybookIconCardComponent","id":"component-StorybookIconCardComponent-6dab3a0b8014453d0da2bdec55b09448ce79fcf3e7f2b9be70e0cc5dbe7bffcb8f081420d1d632fd7a9ce7124f11f3acf2c359f410d5036920b496e8891d1909","file":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-card.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-icon-card","styleUrls":["./storybook-icon-card.component.scss"],"styles":[],"templateUrl":["./storybook-icon-card.component.html"],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-icon-card\',\\n templateUrl: \'./storybook-icon-card.component.html\',\\n styleUrls: [\'./storybook-icon-card.component.scss\'],\\n})\\nexport class StorybookIconCardComponent {\\n @Input() label!: string;\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n text-align: center;\\n display: flex;\\n flex-direction: column;\\n height: 100%;\\n align-items: center;\\n justify-items: center;\\n flex-grow: 1;\\n}\\n.icon {\\n width: 100%;\\n display: flex;\\n flex-direction: column;\\n height: 100%;\\n justify-content: center;\\n}\\n","styleUrl":"./storybook-icon-card.component.scss"}],"stylesData":"","templateData":"
    \\n
    {{ label }}
    \\n"},{"name":"StorybookIconCardsComponent","id":"component-StorybookIconCardsComponent-b4780f1be1fa175696c54709b0466ed123252ac1753b11cbe26e5996850a7492a713544a1a1096548c67af8569fb416d0b6f041876d117ae86568970ac3c8508","file":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-cards.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-icon-cards","styleUrls":["./storybook-icon-cards.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-icon-cards\',\\n template: ``,\\n styleUrls: [\'./storybook-icon-cards.component.scss\'],\\n})\\nexport class StorybookIconCardsComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\\n grid-auto-rows: minmax(100px, 1fr);\\n align-items: center;\\n justify-items: center;\\n gap: var(--cvi-spacing-haapsalu);\\n}\\n","styleUrl":"./storybook-icon-cards.component.scss"}],"stylesData":""},{"name":"StorybookNoteComponent","id":"component-StorybookNoteComponent-ad284d15172c74b3a1b97eed7d7699235de9e675e5066fd22a42a2a8ff7207fc363de5bc09b04d349c8b120c164b827db32dbadb35f1406098abe5b0ece82b94","file":"libs/storybook/src/lib/components/storybook-note/storybook-note.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-note","styleUrls":["./storybook-note.component.scss"],"styles":[],"templateUrl":["./storybook-note.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-note\',\\n templateUrl: \'./storybook-note.component.html\',\\n styleUrls: [\'./storybook-note.component.scss\'],\\n})\\nexport class StorybookNoteComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@import \'libs/styles/src/lib/scss/tools/typography\';\\n\\n:host {\\n display: block;\\n background-color: var(--cvi-color-black-coral-1);\\n border: 1px solid var(--cvi-color-black-coral-2);\\n margin-inline: 10%;\\n border-radius: var(--cvi-radius-m);\\n padding: var(--cvi-spacing-paldiski);\\n margin-bottom: var(--cvi-spacing-viljandi);\\n}\\n\\n.content {\\n display: block;\\n color: var(--cvi-color-black-coral-18);\\n font-size: get-font-size(80);\\n line-height: get-line-height(500);\\n}\\n","styleUrl":"./storybook-note.component.scss"}],"stylesData":"","templateData":"
    \\n \\n
    \\n"},{"name":"StorybookSpacingSpecimenComponent","id":"component-StorybookSpacingSpecimenComponent-4feae705578eecd1c76c175e2a773776a343a305c47f53020b26f23dbcbc7aacfbc0966d61c5429194e89c8e5dc648c8d79f81b4880d46820502490d96cca113","file":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-spacing-specimen","styleUrls":["./storybook-spacing-specimen.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-spacing-specimen\',\\n template: ``,\\n styleUrls: [\'./storybook-spacing-specimen.component.scss\'],\\n})\\nexport class StorybookSpacingSpecimenComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n display: flex;\\n flex-direction: column;\\n gap: var(--cvi-spacing-haapsalu);\\n}\\n","styleUrl":"./storybook-spacing-specimen.component.scss"}],"stylesData":""},{"name":"StorybookSpacingSpecimenItemComponent","id":"component-StorybookSpacingSpecimenItemComponent-1842ae0c674b70d41b0d6defbb270fcabecd4a284adf4bb7af26f83176d77f09655bcf797f87080d4eefb94e1aa3e6b34fd99f083261040598a808bee8a717c1","file":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen-item.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-spacing-specimen-item","styleUrls":["./storybook-spacing-specimen-item.component.scss"],"styles":[],"templateUrl":["./storybook-spacing-specimen-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-spacing-specimen-item\',\\n templateUrl: \'./storybook-spacing-specimen-item.component.html\',\\n styleUrls: [\'./storybook-spacing-specimen-item.component.scss\'],\\n})\\nexport class StorybookSpacingSpecimenItemComponent {\\n @Input() label!: string;\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".swatch {\\n height: 140px;\\n display: flex;\\n gap: var(--spacing);\\n &::before,\\n &::after {\\n content: \'\';\\n background-color: var(--cvi-color-black-coral-16);\\n flex: 1 1 0;\\n height: 100%;\\n }\\n}\\n.label {\\n padding-top: var(--cvi-spacing-paldiski);\\n}\\n","styleUrl":"./storybook-spacing-specimen-item.component.scss"}],"stylesData":"","templateData":"
    \\n
    {{ label }}
    \\n"},{"name":"StorybookToCHTMLExampleComponent","id":"component-StorybookToCHTMLExampleComponent-3ea4fc40fdea394de3e796d2cb4958e280f05342fee144de7fac99eb7b0929bc3731e5862a3887d78b621a83ec59bca9bf16d067a632c4d1c1a0eac8c5f1b967","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-toc-html-example","styleUrls":[],"styles":[],"template":"
    \\n

    \\n An h2: pretty none change slept range afraid\\n

    \\n
    \\n
    \\n
    \\n

    \\n An h3: explore single gain swam base farther courage\\n

    \\n
    \\n
    \\n
    \\n
    \\n

    \\n A nested h2 heading: string baby explore\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A lone heading at the near end

    \\n
    \\n
    \\n

    \\n Compound teeth fully there habit actually primitive young movement\\n pretty him including per program firm disease school butter various\\n say social unless ice hello\\n

    \\n
    \\n
    \\n","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport notes from \'./generated-table-of-contents.component.md\';\\nimport { GeneratedTableOfContentsComponent } from \'./generated-table-of-contents.component\';\\nimport { Component, Input } from \'@angular/core\';\\nimport { concatMap, delay, from, of } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-example\',\\n template: `\\n
    \\n

    \\n An h2: pretty none change slept range afraid\\n

    \\n
    \\n
    \\n
    \\n

    \\n An h3: explore single gain swam base farther courage\\n

    \\n
    \\n
    \\n
    \\n
    \\n

    \\n A nested h2 heading: string baby explore\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A lone heading at the near end

    \\n
    \\n
    \\n

    \\n Compound teeth fully there habit actually primitive young movement\\n pretty him including per program firm disease school butter various\\n say social unless ice hello\\n

    \\n
    \\n
    \\n `,\\n})\\nclass StorybookToCHTMLExampleComponent {}\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-steps-example\',\\n template: `\\n
    \\n
    \\n \\n

    An h2: pretty none change slept range afraid

    \\n
    \\n     \\n
    \\n
    \\n

    An h3: explore single gain swam base farther courage

    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 1: string baby explore

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 2: string baby explore

    \\n
    \\n
    \\n
    \\n \\n
    \\n

    {{ section.title }}

    \\n
    {{ section.content }}
    \\n
    \\n     \\n `,\\n})\\nclass StorybookToCHTMLStepsExampleComponent {\\n @Input() extraAsyncSections!: { title: string; content: string }[];\\n headingDisplayed = true;\\n}\\n\\nexport default {\\n title: \'Angular/Table of contents/Generated table of contents\',\\n component: GeneratedTableOfContentsComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n // disabling Chromatic because random text will trigger changes on each run\\n chromatic: { disableSnapshot: true },\\n },\\n decorators: [\\n moduleMetadata({\\n declarations: [\\n StorybookToCHTMLExampleComponent,\\n StorybookToCHTMLStepsExampleComponent,\\n ],\\n }),\\n ],\\n args: {\\n title: \'Sisukord\',\\n headingSelector: \'h1, h2, h3\',\\n },\\n} as Meta;\\n\\nconst Template: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nexport const WithCustomHeadingLevels = Template.bind({});\\nWithCustomHeadingLevels.args = {\\n headingSelector: \'h1, h2\',\\n};\\nWithCustomHeadingLevels.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nconst TemplateWithSteps: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n});\\n\\nexport const WithSteps = TemplateWithSteps.bind({});\\nWithSteps.storyName = \'With steps\';\\n\\nexport const WithStepsMobile = TemplateWithSteps.bind({});\\nWithStepsMobile.storyName = \'With steps (mobile)\';\\nWithStepsMobile.parameters = {\\n viewport: {\\n defaultViewport: \'iphone12mini\',\\n },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":""},{"name":"StorybookToCHTMLStepsExampleComponent","id":"component-StorybookToCHTMLStepsExampleComponent-3ea4fc40fdea394de3e796d2cb4958e280f05342fee144de7fac99eb7b0929bc3731e5862a3887d78b621a83ec59bca9bf16d067a632c4d1c1a0eac8c5f1b967","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-toc-html-steps-example","styleUrls":[],"styles":[],"template":"
    \\n
    \\n \\n

    An h2: pretty none change slept range afraid

    \\n
    \\n     \\n
    \\n
    \\n

    An h3: explore single gain swam base farther courage

    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 1: string baby explore

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 2: string baby explore

    \\n
    \\n
    \\n
    \\n\\n
    \\n

    {{ section.title }}

    \\n
    {{ section.content }}
    \\n
    \\n    \\n","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"extraAsyncSections","deprecated":false,"deprecationMessage":"","line":81,"type":"literal type[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"headingDisplayed","defaultValue":"true","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":82}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport notes from \'./generated-table-of-contents.component.md\';\\nimport { GeneratedTableOfContentsComponent } from \'./generated-table-of-contents.component\';\\nimport { Component, Input } from \'@angular/core\';\\nimport { concatMap, delay, from, of } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-example\',\\n template: `\\n
    \\n

    \\n An h2: pretty none change slept range afraid\\n

    \\n
    \\n
    \\n
    \\n

    \\n An h3: explore single gain swam base farther courage\\n

    \\n
    \\n
    \\n
    \\n
    \\n

    \\n A nested h2 heading: string baby explore\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A lone heading at the near end

    \\n
    \\n
    \\n

    \\n Compound teeth fully there habit actually primitive young movement\\n pretty him including per program firm disease school butter various\\n say social unless ice hello\\n

    \\n
    \\n
    \\n `,\\n})\\nclass StorybookToCHTMLExampleComponent {}\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-steps-example\',\\n template: `\\n
    \\n
    \\n \\n

    An h2: pretty none change slept range afraid

    \\n
    \\n     \\n
    \\n
    \\n

    An h3: explore single gain swam base farther courage

    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 1: string baby explore

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 2: string baby explore

    \\n
    \\n
    \\n
    \\n \\n
    \\n

    {{ section.title }}

    \\n
    {{ section.content }}
    \\n
    \\n     \\n `,\\n})\\nclass StorybookToCHTMLStepsExampleComponent {\\n @Input() extraAsyncSections!: { title: string; content: string }[];\\n headingDisplayed = true;\\n}\\n\\nexport default {\\n title: \'Angular/Table of contents/Generated table of contents\',\\n component: GeneratedTableOfContentsComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n // disabling Chromatic because random text will trigger changes on each run\\n chromatic: { disableSnapshot: true },\\n },\\n decorators: [\\n moduleMetadata({\\n declarations: [\\n StorybookToCHTMLExampleComponent,\\n StorybookToCHTMLStepsExampleComponent,\\n ],\\n }),\\n ],\\n args: {\\n title: \'Sisukord\',\\n headingSelector: \'h1, h2, h3\',\\n },\\n} as Meta;\\n\\nconst Template: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nexport const WithCustomHeadingLevels = Template.bind({});\\nWithCustomHeadingLevels.args = {\\n headingSelector: \'h1, h2\',\\n};\\nWithCustomHeadingLevels.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nconst TemplateWithSteps: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n});\\n\\nexport const WithSteps = TemplateWithSteps.bind({});\\nWithSteps.storyName = \'With steps\';\\n\\nexport const WithStepsMobile = TemplateWithSteps.bind({});\\nWithStepsMobile.storyName = \'With steps (mobile)\';\\nWithStepsMobile.parameters = {\\n viewport: {\\n defaultViewport: \'iphone12mini\',\\n },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":""},{"name":"StorybookTypeTesterComponent","id":"component-StorybookTypeTesterComponent-69bee598863f29501dcfe120bdd8a39635cf0bf5ce6069fe337b3334aedcc91e392bd769fb9a8310f7f548f61fe949c74fb3e1017c4f43828ccb55200a49f26a","file":"libs/storybook/src/lib/components/storybook-type-tester/storybook-type-tester.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-type-tester","styleUrls":["./storybook-type-tester.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"size","defaultValue":"\'100\'","deprecated":false,"deprecationMessage":"","line":9,"type":"\\"50\\" | \\"70\\" | \\"80\\" | \\"100\\" | \\"200\\" | \\"220\\" | \\"250\\" | \\"300\\" | \\"350\\" | \\"400\\" | \\"500\\"","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":21,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-type-tester\',\\n template: ``,\\n styleUrls: [\'./storybook-type-tester.component.scss\'],\\n})\\nexport class StorybookTypeTesterComponent {\\n @Input() size:\\n | \'50\'\\n | \'70\'\\n | \'80\'\\n | \'100\'\\n | \'200\'\\n | \'220\'\\n | \'250\'\\n | \'300\'\\n | \'350\'\\n | \'400\'\\n | \'500\' = \'100\';\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `--size-${this.size}`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@import \'libs/styles/src/lib/scss/settings/variables/typography\';\\n@import \'libs/styles/src/lib/scss/tools/typography\';\\n\\n:host {\\n display: block;\\n margin-block: 1em;\\n line-height: 1.2;\\n}\\n\\n@each $name, $size in $cvi-font-sizes {\\n :host(.--size-#{$name}) {\\n font-size: get-font-size($name);\\n }\\n}\\n","styleUrl":"./storybook-type-tester.component.scss"}],"stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":21}}}},{"name":"TabComponent","id":"component-TabComponent-77b2b25c6645fe79d0a5671d43a32625056ef29486fda8c47060f47b48d2e5e2f41988cf08400c66ca60650d26db74ef41de2b89bbf6aa3e7d890d4cbe859eee","file":"libs/ui/src/lib/tabs/tab.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tab","styleUrls":[],"styles":[],"templateUrl":["./tab.component.html"],"viewProviders":[],"inputsClass":[{"name":"gap","defaultValue":"1","deprecated":false,"deprecationMessage":"","line":26,"type":"Gap","decorators":[]},{"name":"iconHeight","defaultValue":"15","deprecated":false,"deprecationMessage":"","line":25,"type":"number","decorators":[]},{"name":"iconName","deprecated":false,"deprecationMessage":"","line":22,"type":"CviIconName | undefined","decorators":[]},{"name":"iconPosition","defaultValue":"\'before\'","deprecated":false,"deprecationMessage":"","line":23,"type":"LabeledIconPosition","decorators":[]},{"name":"svgClass","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":21,"type":"string | undefined","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"_content","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":28,"decorators":[{"name":"ViewChild","stringifiedArguments":"TemplateRef, {static: true}"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n Input,\\n OnChanges,\\n OnDestroy,\\n TemplateRef,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { Subject } from \'rxjs\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { LabeledIconPosition } from \'../icons/icon-position\';\\nimport { Gap } from \'../track/track\';\\n\\n@Component({\\n selector: \'cvi-ng-tab\',\\n templateUrl: \'./tab.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TabComponent implements OnChanges, OnDestroy {\\n @Input() title: string | undefined;\\n @Input() iconName!: CviIconName | undefined;\\n @Input() iconPosition: LabeledIconPosition = \'before\';\\n @Input() svgClass = \'\';\\n @Input() iconHeight = 15;\\n @Input() gap: Gap = 1;\\n\\n @ViewChild(TemplateRef, { static: true }) _content!: TemplateRef;\\n\\n /** @internal */\\n _stateChanges = new Subject();\\n\\n get content() {\\n return this._content;\\n }\\n\\n ngOnChanges() {\\n this._stateChanges.next();\\n }\\n\\n ngOnDestroy() {\\n this._stateChanges.complete();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnChanges","OnDestroy"],"accessors":{"content":{"name":"content","getSignature":{"name":"content","type":"","returnType":"","line":33}}},"templateData":"\\n"},{"name":"TabGroupComponent","id":"component-TabGroupComponent-b63c4054cbcb457ba366698352ec7f798ae835936f7176d2d80320f2b7ddc77f3374f4b1d623b4be5405d838b678ffe4f9800df353517ff1e6269482db440570","file":"libs/ui/src/lib/tabs/tab-group.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tab-group","styleUrls":[],"styles":[],"templateUrl":["./tab-group.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[{"name":"activeTabChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmitter for notifying of the active tab changes","description":"

    Emitter for notifying of the active tab changes

    \\n","line":28,"type":"EventEmitter"}],"propertiesClass":[{"name":"activeIndex","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":34},{"name":"allTabs","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":25,"decorators":[{"name":"ContentChildren","stringifiedArguments":"TabComponent"}]},{"name":"tabButtons","deprecated":false,"deprecationMessage":"","type":"QueryList>","optional":false,"description":"","line":41,"decorators":[{"name":"ViewChildren","stringifiedArguments":"\'tabButton\'"}]}],"methodsClass":[{"name":"getActiveTabContent","args":[],"optional":false,"returnType":"any","typeParameters":[],"line":99,"deprecated":false,"deprecationMessage":""},{"name":"isTabSelected","args":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":95,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActive","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActiveNext","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":83,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActivePrev","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateButtonFocus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":67,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":30,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChildren,\\n ElementRef,\\n EventEmitter,\\n HostBinding,\\n OnDestroy,\\n Output,\\n QueryList,\\n ViewChildren,\\n} from \'@angular/core\';\\nimport { TabComponent } from \'./tab.component\';\\nimport { merge, Subscription } from \'rxjs\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-tab-group\',\\n templateUrl: \'./tab-group.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TabGroupComponent implements AfterViewInit, OnDestroy {\\n @ContentChildren(TabComponent) allTabs!: QueryList;\\n\\n /** Emitter for notifying of the active tab changes */\\n @Output() activeTabChange = new EventEmitter();\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return \'cvi-tab-group\';\\n }\\n\\n activeIndex = 0;\\n\\n /** @internal */\\n baseId = \'tabgroup-\' + uuidv4();\\n\\n /** @internal */\\n private tabChangesSubscription = Subscription.EMPTY;\\n @ViewChildren(\'tabButton\') tabButtons!: QueryList<\\n ElementRef\\n >;\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n ngAfterViewInit() {\\n this.tabChangesSubscription = merge(\\n ...this.allTabs.map((tab) => tab._stateChanges)\\n ).subscribe(() => this.cdRef.markForCheck());\\n\\n this.activeTabChange.emit(this.activeIndex);\\n }\\n\\n ngOnDestroy() {\\n this.tabChangesSubscription.unsubscribe();\\n }\\n\\n makeActive(index: number) {\\n if (this.activeIndex !== index) {\\n this.activeIndex = index;\\n this.activeTabChange.emit(this.activeIndex);\\n this.cdRef.detectChanges();\\n }\\n }\\n\\n updateButtonFocus(): void {\\n this.tabButtons.get(this.activeIndex)?.nativeElement.focus();\\n }\\n\\n makeActivePrev(event: Event) {\\n event.preventDefault();\\n if (this.activeIndex > 0) {\\n this.activeIndex--;\\n } else {\\n this.activeIndex = this.allTabs.length - 1;\\n }\\n this.activeTabChange.emit(this.activeIndex);\\n\\n this.updateButtonFocus();\\n }\\n\\n makeActiveNext(event: Event) {\\n event.preventDefault();\\n if (this.activeIndex < this.allTabs.length - 1) {\\n this.activeIndex++;\\n } else {\\n this.activeIndex = 0;\\n }\\n this.activeTabChange.emit(this.activeIndex);\\n\\n this.updateButtonFocus();\\n }\\n\\n isTabSelected(tabIndex: number): boolean {\\n return this.activeIndex === tabIndex;\\n }\\n\\n getActiveTabContent() {\\n const activeTab = this.allTabs.get(this.activeIndex);\\n if (!activeTab) {\\n throw new Error(`no tab exists with index ${this.activeIndex}`);\\n }\\n\\n return activeTab.content;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":43,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","OnDestroy"],"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":30}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-tab-group
    Component nameTabGroupComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-tab
    \\n

    Where to use

    \\n

    Displays tabs in an old design. Add tabs with cvi-ng-tab component.

    \\n","templateData":"
    \\n \\n
    \\n
    \\n \\n
    \\n\\n\\n \\n \\n\\n\\n\\n {{ tab.title }}\\n\\n\\n\\n \\n \\n \\n \\n\\n \\n\\n \\n \\n \\n \\n\\n"},{"name":"TableComponent","id":"component-TableComponent-f6390492c972d54e6b6bf1b3f104f2bfa17dd394ea015b2add1cbbeff70d7cb9f85c2c1bd0d5742f90812309124aa008be725a0ef1da822b8ff2db9e4e960188","file":"libs/ui/src/lib/table/table.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table","styleUrls":[],"styles":[],"templateUrl":["./table.component.html"],"viewProviders":[],"inputsClass":[{"name":"data","deprecated":false,"deprecationMessage":"","line":16,"type":"any[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"headers","deprecated":false,"deprecationMessage":"","type":"TemplateRef | undefined","optional":false,"description":"","line":20,"decorators":[{"name":"ContentChild","stringifiedArguments":"\'headers\'"}]},{"name":"rows","deprecated":false,"deprecationMessage":"","type":"TemplateRef | undefined","optional":false,"description":"","line":21,"decorators":[{"name":"ContentChild","stringifiedArguments":"\'rows\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":17,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ContentChild,\\n HostBinding,\\n Input,\\n TemplateRef,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-table\',\\n templateUrl: \'./table.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TableComponent {\\n @Input() data!: any[];\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-table\';\\n }\\n @ContentChild(\'headers\') headers: TemplateRef | undefined;\\n @ContentChild(\'rows\') rows: TemplateRef | undefined;\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":17}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table
    Component nameTableComponent
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    To display a table component with or without header block, to where buttons, form inputs etc. can be added.

    \\n","templateData":"
    \\n \\n \\n\\n \\n \\n \\n \\n\\n \\n \\n \\n
    \\n
    \\n\\n\\n
    {{ header.key }}
    \\n    \\n\\n\\n
    {{ row.value }}
    \\n    \\n"},{"name":"TableOfContentsComponent","id":"component-TableOfContentsComponent-6753efabe51800296f968b725e4c27e304f5947cc76fb607089542e88a3cde8a5880ec3ce8a5b76e5084e468402c5d6b7fe8a617fe06317243620dac155c95b2","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table-of-contents","styleUrls":[],"styles":[],"templateUrl":["./table-of-contents.component.html"],"viewProviders":[],"inputsClass":[{"name":"title","deprecated":false,"deprecationMessage":"","line":14,"type":"string | null","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"roleAttr","defaultValue":"\'navigation\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":16,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.role","defaultValue":"\'navigation\'","deprecated":false,"deprecationMessage":"","line":16,"type":"string","decorators":[]},{"name":"attr.title","deprecated":false,"deprecationMessage":"","line":20,"type":"","decorators":[]},{"name":"class","deprecated":false,"deprecationMessage":"","line":17,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-table-of-contents\',\\n templateUrl: \'./table-of-contents.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TableOfContentsComponent {\\n @HostBinding(\'attr.aria-label\') @Input() title!: string | null;\\n\\n @HostBinding(\'attr.role\') roleAttr = \'navigation\';\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table-of-contents__aside-inner`;\\n }\\n @HostBinding(\'attr.title\') get getTitle(): null {\\n return null;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":17}},"getTitle":{"name":"getTitle","getSignature":{"name":"getTitle","type":"","line":20}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table-of-contents
    Component nameTableOfContentsComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorscvi-ng-table-of-contents-wrapper
    Permitted childrencvi-ng-table-of-contents-item
    \\n

    Where to use

    \\n

    Renders a table of contents navigation in a cvi-ng-table-of-contents-wrapper.

    \\n

    How to use

    \\n

    See cvi-ng-table-of-contents-wrapper docs.

    \\n","templateData":"

    {{ title }}

    \\n
    \\n \\n
    \\n"},{"name":"TableOfContentsItemComponent","id":"component-TableOfContentsItemComponent-7d9a77c3db047d979d6a43b7d95c3db1985364e0f403616212f234995932075e417ad75f0a562978f12889f07ddfe40f8aa5454b7b7032f7ded5ab5b67c2fa77","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table-of-contents-item","styleUrls":[],"styles":[],"templateUrl":["./table-of-contents-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"href","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMust be equal to a cviNgToCSection directive value in order to have scroll tracking working","description":"

    Must be equal to a cviNgToCSection directive value in order to have scroll tracking working

    \\n","line":20,"type":"string","decorators":[]},{"name":"label","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":21,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"current","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":24,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'class.is-current\'"}]},{"name":"roleAttr","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":23,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]},{"name":"tocSubscription","deprecated":false,"deprecationMessage":"","type":"Subscription","optional":false,"description":"","line":42}],"methodsClass":[{"name":"highlightSection","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":61,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.href","deprecated":false,"deprecationMessage":"","line":30,"type":"","decorators":[]},{"name":"attr.label","deprecated":false,"deprecationMessage":"","line":34,"type":"","decorators":[]},{"name":"attr.role","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]},{"name":"class","deprecated":false,"deprecationMessage":"","line":26,"type":"string","decorators":[]},{"name":"class.is-current","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":24,"type":"boolean","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n OnDestroy,\\n OnInit,\\n Renderer2,\\n} from \'@angular/core\';\\nimport { Subscription } from \'rxjs\';\\nimport { TableOfContentsService } from \'../table-of-contents.service\';\\n\\n@Component({\\n selector: \'cvi-ng-table-of-contents-item\',\\n templateUrl: \'./table-of-contents-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TableOfContentsItemComponent implements OnInit, OnDestroy {\\n /** Must be equal to a cviNgToCSection directive value in order to have scroll tracking working */\\n @Input() href!: string;\\n @Input() label = \'\';\\n\\n @HostBinding(\'attr.role\') roleAttr = \'listitem\';\\n @HostBinding(\'class.is-current\') current = false;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table-of-contents__aside-list-item`;\\n }\\n\\n @HostBinding(\'attr.href\') get getHref(): null {\\n return null;\\n }\\n\\n @HostBinding(\'attr.label\') get getLabel(): null {\\n return null;\\n }\\n\\n get fullHref() {\\n return location.href.split(\'#\')[0] + this.href;\\n }\\n\\n tocSubscription!: Subscription;\\n\\n constructor(\\n private renderer: Renderer2,\\n private tocService: TableOfContentsService\\n ) {}\\n\\n ngOnInit() {\\n this.tocSubscription = this.tocService.currentToCSection$.subscribe(\\n (id: string) => {\\n this.current = `#${id}` === this.href;\\n }\\n );\\n }\\n\\n ngOnDestroy() {\\n this.tocSubscription.unsubscribe();\\n }\\n\\n highlightSection() {\\n this.tocService.highlightToCSectionAndSetAsCurrent(this.href.substring(1));\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":""}],"line":42,"jsdoctags":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnInit","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":26}},"getHref":{"name":"getHref","getSignature":{"name":"getHref","type":"","line":30}},"getLabel":{"name":"getLabel","getSignature":{"name":"getLabel","type":"","line":34}},"fullHref":{"name":"fullHref","getSignature":{"name":"fullHref","type":"","returnType":"","line":38}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table-of-contents-item
    Component nameTableOfContentsItemComponent
    Design system module-
    Contentno
    Permitted parent/ancestorscvi-ng-table-of-contents
    Permitted children-
    \\n

    Where to use

    \\n

    Renders a table of contents navigation link in a cvi-ng-table-of-contents.

    \\n

    How to use

    \\n

    See cvi-ng-table-of-contents-wrapper docs.

    \\n","templateData":"{{ label }}\\n"},{"name":"TableOfContentsWrapperComponent","id":"component-TableOfContentsWrapperComponent-a3d0cf6e6386f75387536776e481fdd1dc1a17c34bc38259fc2165f0eaa8ca19247555a425d1d533b76dac5653bc1864673955936f7bd87e59813d2534bdebcf","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table-of-contents-wrapper","styleUrls":[],"styles":[],"templateUrl":["./table-of-contents-wrapper.component.html"],"viewProviders":[],"inputsClass":[{"name":"hideNavOnMobile","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":8,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-table-of-contents-wrapper\',\\n templateUrl: \'./table-of-contents-wrapper.component.html\',\\n})\\nexport class TableOfContentsWrapperComponent {\\n @Input() hideNavOnMobile = true;\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table-of-contents${\\n this.hideNavOnMobile ? \' is-nav-hidden-on-mobile\' : \'\'\\n }`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":9}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table-of-contents-wrapper
    Component nameTableOfContentsWrapperComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany and cvi-ng-table-of-contents
    \\n

    Where to use

    \\n

    Adds a table of contents sidebar to textual page content.

    \\n

    How to use

    \\n
      \\n
    1. Add cvi-ng-table-of-contents-wrapper to a page-wide slot in a view;
      2. \\n
    2. As its content, add a div with multiple blocks (eg same divs) of textual content with cviNgToCSection="section-id" attribute each. You can also add the directive to headings themselves instead. section-id must be a unique alphanumeric string in kebab case;
      3. \\n
    3. To the same cvi-ng-table-of-contents-wrapper also add cvi-ng-table-of-contents with a number of cvi-ng-table-of-contents-item equal to the number of content blocks. Each item should have its href prop set to the section-id prepended by #.
      4. \\n
    \\n","templateData":"\\n
    \\n
    \\n \\n
    \\n
    \\n"},{"name":"TabsComponent","id":"component-TabsComponent-d8c7419fac378778df34be9ba9309b4bc64d024fb37b9e7e8ad831a8d271ee81a6f08505d947de6e3dd47f55ae2bc5fca2768764d63af49e476e4b91f802da9b","file":"libs/ui/src/lib/tabs/tabs.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tabs","styleUrls":[],"styles":[],"templateUrl":["./tabs.component.html"],"viewProviders":[],"inputsClass":[{"name":"bindLabel","deprecated":false,"deprecationMessage":"","line":29,"type":"string","decorators":[]},{"name":"bindValue","deprecated":false,"deprecationMessage":"","line":28,"type":"string","decorators":[]}],"outputsClass":[{"name":"activeTabChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":32,"type":"EventEmitter"}],"propertiesClass":[{"name":"activeIndex","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":38},{"name":"allItems","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":30,"decorators":[{"name":"ContentChildren","stringifiedArguments":"TabComponent"}]},{"name":"dropdownButton","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":49,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'dropdownButton\', {static: true}"}]},{"name":"dropdownItemButtons","deprecated":false,"deprecationMessage":"","type":"QueryList>","optional":false,"description":"","line":51,"decorators":[{"name":"ViewChildren","stringifiedArguments":"\'dropdownItemButton\'"}]},{"name":"focusIndex","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":39},{"name":"isDropdownOpen","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":46},{"name":"tabButtons","deprecated":false,"deprecationMessage":"","type":"QueryList>","optional":false,"description":"","line":55,"decorators":[{"name":"ViewChildren","stringifiedArguments":"\'tabButton\'"}]}],"methodsClass":[{"name":"close","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":130,"deprecated":false,"deprecationMessage":""},{"name":"focusNextDropdownButton","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":178,"deprecated":false,"deprecationMessage":""},{"name":"focusPreviousDropdownButton","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":186,"deprecated":false,"deprecationMessage":""},{"name":"getActiveTabContent","args":[],"optional":false,"returnType":"any","typeParameters":[],"line":117,"deprecated":false,"deprecationMessage":""},{"name":"getActiveTabTitle","args":[],"optional":false,"returnType":"any","typeParameters":[],"line":108,"deprecated":false,"deprecationMessage":""},{"name":"handleArrowButtonClick","args":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":138,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleClickOutside","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":150,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:click\', [\'$event\']"}]},{"name":"handleEscape","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":155,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:keydown\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleKeyboardEvent","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":166,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'keydown\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isTabSelected","args":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":104,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActive","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActiveNext","args":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":92,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActivePrev","args":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"open","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":126,"deprecated":false,"deprecationMessage":""},{"name":"updateTabButtonFocus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":100,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":34,"type":"string","decorators":[]}],"hostListeners":[{"name":"document:click","args":[],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":150},{"name":"document:keydown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":155},{"name":"keydown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":166}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChildren,\\n ElementRef,\\n EventEmitter,\\n HostBinding,\\n OnDestroy,\\n Output,\\n QueryList,\\n ViewChildren,\\n Input,\\n HostListener,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { TabComponent } from \'./tab.component\';\\nimport { merge, Subscription } from \'rxjs\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-tabs\',\\n templateUrl: \'./tabs.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TabsComponent implements AfterViewInit, OnDestroy {\\n @Input() bindValue?: string;\\n @Input() bindLabel?: string;\\n @ContentChildren(TabComponent) allItems!: QueryList;\\n\\n @Output() activeTabChange = new EventEmitter();\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return \'cvi-tabs\';\\n }\\n\\n activeIndex = 0;\\n focusIndex = 0;\\n\\n /** @internal */\\n baseId = \'tabgroup-\' + uuidv4();\\n\\n /** @internal */\\n private tabChangesSubscription = Subscription.EMPTY;\\n isDropdownOpen = false;\\n\\n @ViewChild(\'dropdownButton\', { static: true })\\n dropdownButton?: ElementRef;\\n\\n @ViewChildren(\'dropdownItemButton\') dropdownItemButtons!: QueryList<\\n ElementRef\\n >;\\n\\n @ViewChildren(\'tabButton\') tabButtons!: QueryList<\\n ElementRef\\n >;\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n ngAfterViewInit() {\\n this.tabChangesSubscription = merge(\\n ...this.allItems.map((tab) => tab._stateChanges)\\n ).subscribe(() => this.cdRef.markForCheck());\\n\\n this.activeTabChange.emit(this.activeIndex);\\n }\\n\\n ngOnDestroy() {\\n this.tabChangesSubscription.unsubscribe();\\n }\\n\\n makeActive(index: number) {\\n if (this.activeIndex !== index) {\\n this.activeIndex = index;\\n this.focusIndex = index;\\n this.activeTabChange.emit(this.activeIndex);\\n this.cdRef.detectChanges();\\n this.close();\\n this.updateTabButtonFocus();\\n }\\n }\\n\\n makeActivePrev(currentIndex: number) {\\n let newIndex = this.allItems.length - 1;\\n if (this.activeIndex > 0) {\\n newIndex = currentIndex - 1;\\n }\\n this.makeActive(newIndex);\\n }\\n\\n makeActiveNext(currentIndex: number) {\\n let newIndex = 0;\\n if (this.activeIndex < this.allItems.length - 1) {\\n newIndex = currentIndex + 1;\\n }\\n this.makeActive(newIndex);\\n }\\n\\n updateTabButtonFocus(): void {\\n this.tabButtons.get(this.activeIndex)?.nativeElement.focus();\\n }\\n\\n isTabSelected(tabIndex: number): boolean {\\n return this.activeIndex === tabIndex;\\n }\\n\\n getActiveTabTitle() {\\n const activeTab = this.allItems.get(this.activeIndex);\\n if (!activeTab) {\\n throw new Error(`no tab exists with index ${this.activeIndex}`);\\n }\\n\\n return activeTab.title;\\n }\\n\\n getActiveTabContent() {\\n const activeTab = this.allItems.get(this.activeIndex);\\n if (!activeTab) {\\n throw new Error(`no tab exists with index ${this.activeIndex}`);\\n }\\n\\n return activeTab.content;\\n }\\n\\n open() {\\n this.isDropdownOpen = true;\\n }\\n\\n close() {\\n if (!this.isDropdownOpen) {\\n return;\\n }\\n\\n this.isDropdownOpen = false;\\n }\\n\\n handleArrowButtonClick(event: MouseEvent) {\\n event.stopPropagation();\\n event.preventDefault();\\n\\n if (this.isDropdownOpen) {\\n this.close();\\n } else {\\n this.open();\\n }\\n }\\n\\n @HostListener(\'document:click\', [\'$event\'])\\n handleClickOutside() {\\n this.close();\\n }\\n\\n @HostListener(\'document:keydown\', [\'$event\'])\\n handleEscape(event: KeyboardEvent) {\\n if (event.key === \'Escape\') {\\n if (this.isDropdownOpen) {\\n event.preventDefault();\\n this.close();\\n this.dropdownButton?.nativeElement.focus();\\n }\\n }\\n }\\n\\n @HostListener(\'keydown\', [\'$event\'])\\n handleKeyboardEvent(event: KeyboardEvent) {\\n if (event.key === \'ArrowDown\') {\\n this.dropdownItemButtons.get(this.focusIndex)?.nativeElement.focus();\\n event.preventDefault();\\n this.focusPreviousDropdownButton();\\n } else if (event.key === \'ArrowUp\') {\\n event.preventDefault();\\n this.focusNextDropdownButton();\\n this.dropdownItemButtons.get(this.focusIndex)?.nativeElement.focus();\\n }\\n }\\n\\n focusNextDropdownButton() {\\n if (this.focusIndex < this.dropdownItemButtons.length - 1) {\\n this.focusIndex++;\\n } else {\\n this.focusIndex = 0;\\n }\\n }\\n\\n focusPreviousDropdownButton() {\\n if (this.focusIndex > 0) {\\n this.focusIndex--;\\n } else {\\n this.focusIndex = this.dropdownItemButtons.length - 1;\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":57,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","OnDestroy"],"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":34}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-tabs
    Component nameTabsComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-tab
    \\n

    Where to use

    \\n

    Displays tabs in a new design. On mobile the component switches to dropdown UI. Add tabs with cvi-ng-tab component.

    \\n","templateData":"
    \\n \\n \\n \\n
    \\n
    \\n \\n {{ getActiveTabTitle() }}\\n \\n \\n \\n
    \\n\\n \\n \\n \\n \\n \\n\\n\\n \\n\\n\\n\\n \\n \\n\\n\\n\\n {{ tab.title }}\\n\\n\\n\\n \\n \\n \\n \\n\\n \\n\\n \\n \\n \\n \\n"},{"name":"TextareaComponent","id":"component-TextareaComponent-cf758e096980044ada75ec8e2e96a3f742e74f871e829217874eb5ee2b092e4acd4f8b3e717031e4e1da605e07d8b008212d70fd9a378efa507064e4a3ff8a55","file":"libs/ui/src/lib/textarea/textarea.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"textareaComponentProvider","type":"component"}],"selector":"cvi-ng-textarea","styleUrls":["./textarea.component.scss"],"styles":[],"templateUrl":["./textarea.component.html"],"viewProviders":[],"inputsClass":[{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nTextarea is disabled","description":"

    Textarea is disabled

    \\n","line":34,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed from FormItem component","description":"

    HTML id passed from FormItem component

    \\n","line":31,"type":"string","decorators":[]},{"name":"maxLength","defaultValue":"2000","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMax number of characters","description":"

    Max number of characters

    \\n","line":37,"type":"number","decorators":[]},{"name":"maxRows","defaultValue":"5","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMaximum number of rows to display","description":"

    Maximum number of rows to display

    \\n","line":43,"type":"number","decorators":[]},{"name":"minRows","defaultValue":"3","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMinimum number of rows to display","description":"

    Minimum number of rows to display

    \\n","line":40,"type":"number","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nInput placeholder","description":"

    Input placeholder

    \\n","line":46,"type":"string","decorators":[]},{"name":"resizable","defaultValue":"true","deprecated":false,"deprecationMessage":"","rawdescription":"\\nTextarea is resizable. Does not do anything currently since CDK autoresize disables browser resize feature","description":"

    Textarea is resizable. Does not do anything currently since CDK autoresize disables browser resize feature

    \\n","line":49,"type":"boolean","decorators":[]}],"outputsClass":[{"name":"valueChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmit value on model change","description":"

    Emit value on model change

    \\n","line":52,"type":"EventEmitter"}],"propertiesClass":[{"name":"autosize","deprecated":false,"deprecationMessage":"","type":"CdkTextareaAutosize","optional":true,"description":"","line":28,"decorators":[{"name":"ViewChild","stringifiedArguments":"CdkTextareaAutosize"}]},{"name":"internalValue","deprecated":false,"deprecationMessage":"","type":"any","optional":true,"description":"","line":54},{"name":"onChanged","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":57,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":60,"modifierKind":[121]}],"methodsClass":[{"name":"registerOnChange","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":88,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"resize","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":92,"deprecated":false,"deprecationMessage":""},{"name":"setValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":80,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":62,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n Component,\\n EventEmitter,\\n forwardRef,\\n HostBinding,\\n Input,\\n Output,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { CdkTextareaAutosize } from \'@angular/cdk/text-field\';\\n\\nexport const textareaComponentProvider = {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => TextareaComponent),\\n multi: true,\\n};\\n\\n@Component({\\n selector: \'cvi-ng-textarea\',\\n templateUrl: \'./textarea.component.html\',\\n styleUrls: [\'./textarea.component.scss\'],\\n providers: [textareaComponentProvider],\\n})\\nexport class TextareaComponent implements ControlValueAccessor, AfterViewInit {\\n @ViewChild(CdkTextareaAutosize) autosize?: CdkTextareaAutosize;\\n\\n /** HTML id passed from FormItem component */\\n @Input() htmlId!: string;\\n\\n /** Textarea is disabled */\\n @Input() disabled = false;\\n\\n /** Max number of characters */\\n @Input() maxLength = 2000;\\n\\n /** Minimum number of rows to display */\\n @Input() minRows = 3;\\n\\n /** Maximum number of rows to display */\\n @Input() maxRows = 5;\\n\\n /** Input placeholder */\\n @Input() placeholder = \'\';\\n\\n /** Textarea is resizable. Does not do anything currently since CDK autoresize disables browser resize feature */\\n @Input() resizable = true;\\n\\n /** Emit value on model change */\\n @Output() valueChange = new EventEmitter();\\n\\n internalValue?: any;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onChanged: (value: unknown) => void = () =>\\n this.valueChange.emit(this.internalValue);\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => unknown = () => {};\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n const baseClass = \'cvi-textfield\';\\n return `${baseClass} ${baseClass}--type-multiple-lines${\\n this.disabled ? ` ${baseClass}--is-disabled` : \'\'\\n }${this.resizable ? \'\' : ` ${baseClass}--no-resize`}`;\\n }\\n\\n ngAfterViewInit(): void {\\n if (this.autosize) {\\n this.resize();\\n }\\n }\\n\\n setValue(value: any) {\\n this.onChanged(value);\\n this.onTouched();\\n }\\n\\n writeValue(value: any): void {\\n this.internalValue = value;\\n }\\n\\n registerOnChange(fn: any): void {\\n this.onChanged = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n resize(): void {\\n setTimeout(() => this.autosize?.resizeToFitContent(true));\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@use \'@angular/cdk\';\\n\\n:host {\\n @include cdk.text-field-autosize;\\n}\\n","styleUrl":"./textarea.component.scss"}],"stylesData":"","implements":["ControlValueAccessor","AfterViewInit"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":62}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-textarea
    Component nameTextareaComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    A textarea input field component.

    \\n

    Can be used with character counter directive cviNgCharacterCounter. If set, character counter uses binded [maxChars] property for defining maximum value, otherwise it takes the maximum value from maxlength attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the maxlength value accordingly.

    \\n","templateData":"\\n"},{"name":"TimedNoticeComponent","id":"component-TimedNoticeComponent-27a36a1ba737f4f1490ce2da51ffa966426e6247bf46d50c113d70ce1b6a285bd015bd334cd9581f3522ffc6a1e27a8661538a2a9a5ff5d783bc5ecd76d555d6","file":"libs/ui/src/lib/timed-notice/timed-notice.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-timed-notice","styleUrls":[],"styles":[],"templateUrl":["./timed-notice.component.html"],"viewProviders":[],"inputsClass":[{"name":"asideItems","deprecated":false,"deprecationMessage":"","line":23,"type":"TimedNoticeAsideItem[]","decorators":[]},{"name":"dueDate","deprecated":false,"deprecationMessage":"","line":21,"type":"string","decorators":[]},{"name":"iconName","deprecated":false,"deprecationMessage":"","line":18,"type":"CviIconName","decorators":[]},{"name":"severity","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","line":17,"type":"TimedNoticeSeverity","decorators":[]},{"name":"time","deprecated":false,"deprecationMessage":"","line":22,"type":"string","decorators":[]},{"name":"title","defaultValue":"\'title\'","deprecated":false,"deprecationMessage":"","line":19,"type":"string","decorators":[]},{"name":"titleHref","defaultValue":"\'#\'","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getIconName","args":[],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":31,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":27,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { TimedNoticeAsideItem, TimedNoticeSeverity } from \'./timed-notice\';\\nimport { TimedNoticeSeverityToIconPipe } from \'./timed-notice-severity-to-icon.pipe\';\\n\\n@Component({\\n selector: \'cvi-ng-timed-notice\',\\n templateUrl: \'./timed-notice.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TimedNoticeComponent {\\n @Input() severity: TimedNoticeSeverity = \'info\';\\n @Input() iconName?: CviIconName;\\n @Input() title = \'title\';\\n @Input() titleHref = \'#\';\\n @Input() dueDate?: string;\\n @Input() time?: string;\\n @Input() asideItems?: TimedNoticeAsideItem[];\\n constructor(private readonly iconPipe: TimedNoticeSeverityToIconPipe) {}\\n\\n @HostBinding(\'class\')\\n get hostClasses(): string {\\n return `cvi-timed-notice`;\\n }\\n\\n getIconName(): CviIconName | undefined {\\n return this.iconPipe.transform(this.severity);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"iconPipe","type":"TimedNoticeSeverityToIconPipe","deprecated":false,"deprecationMessage":""}],"line":23,"jsdoctags":[{"name":"iconPipe","type":"TimedNoticeSeverityToIconPipe","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":27}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-timed-notice
    Component nameNoticeComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Use inside timeline components to display short informative content, status updates etc.

    \\n","templateData":"\\n
    \\n \\n
    \\n
    \\n \\n \\n \\n
    {{ dueDate }}
    \\n
    {{ time }}
    \\n \\n \\n \\n {{ title }}\\n \\n \\n \\n \\n \\n \\n \\n
    \\n {{ asideItems[0].label }}\\n
    \\n \\n \\n \\n {{ asideItem.label }}\\n \\n \\n \\n \\n \\n \\n
    \\n\\n"},{"name":"ToastComponent","id":"component-ToastComponent-d8445ffccb5cedcadfef10d2b08cf5a139317f4e727ff1c617c16640b6f2cab6583429606b551b2d93b9dbebc70483b489743e3b130917c5d9419b67ee209d59","file":"libs/ui/src/lib/toast/toast.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-toast","styleUrls":[],"styles":[],"templateUrl":["./toast.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"animationFrameRequestId","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":39,"modifierKind":[121]},{"name":"animationStartTime","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":38,"modifierKind":[121]},{"name":"animationTimeOutLength","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":40,"modifierKind":[121]},{"name":"ariaAtomic","defaultValue":"\'true\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":52,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.aria-atomic\'"}]},{"name":"ariaLive","defaultValue":"\'assertive\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":51,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.aria-live\'"}]},{"name":"progressBarWidth","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":35},{"name":"role","defaultValue":"\'alert\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":50,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]},{"name":"state","defaultValue":"{\\n value: \'inactive\',\\n params: {\\n easeTime: this.toastPackage.config.easeTime,\\n },\\n }","deprecated":false,"deprecationMessage":"","type":"object","optional":false,"description":"","line":43,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'@fade\'"}]},{"name":"timeout","deprecated":false,"deprecationMessage":"","type":"any","optional":false,"description":"","line":37,"modifierKind":[121]},{"name":"toastClasses","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":34}],"methodsClass":[{"name":"animateProgressBar","args":[{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":153,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"delayedHideToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":93,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseleave\'"}]},{"name":"keepToastAround","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":80,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseenter\'"}]},{"name":"remove","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":137,"deprecated":false,"deprecationMessage":""},{"name":"tapToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'click\'"}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"@fade","defaultValue":"{\\n value: \'inactive\',\\n params: {\\n easeTime: this.toastPackage.config.easeTime,\\n },\\n }","deprecated":false,"deprecationMessage":"","line":43,"type":"{ value: string; params: { easeTime: any; }; }","decorators":[]},{"name":"attr.aria-atomic","defaultValue":"\'true\'","deprecated":false,"deprecationMessage":"","line":52,"type":"string","decorators":[]},{"name":"attr.aria-live","defaultValue":"\'assertive\'","deprecated":false,"deprecationMessage":"","line":51,"type":"string","decorators":[]},{"name":"attr.role","defaultValue":"\'alert\'","deprecated":false,"deprecationMessage":"","line":50,"type":"string","decorators":[]},{"name":"class","deprecated":false,"deprecationMessage":"","line":63,"type":"string","decorators":[]}],"hostListeners":[{"name":"click","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":75},{"name":"mouseenter","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":80},{"name":"mouseleave","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":93}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n HostBinding,\\n HostListener,\\n} from \'@angular/core\';\\nimport { ToastService } from \'./toast.service\';\\nimport { ToastPackage } from \'./toast-config\';\\nimport {\\n animate,\\n state,\\n style,\\n transition,\\n trigger,\\n} from \'@angular/animations\';\\n\\n@Component({\\n selector: \'cvi-ng-toast\',\\n templateUrl: \'./toast.component.html\',\\n animations: [\\n trigger(\'fade\', [\\n state(\'inactive\', style({ opacity: 0 })),\\n state(\'active\', style({ opacity: 1 })),\\n state(\'removed\', style({ opacity: 0 })),\\n transition(\'inactive => active\', animate(\'{{ easeTime }}ms ease-in\')),\\n transition(\'active => removed\', animate(\'{{ easeTime }}ms ease-in\')),\\n ]),\\n ],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ToastComponent implements AfterViewInit {\\n toastClasses = \'\';\\n progressBarWidth = -1;\\n\\n private timeout: any;\\n private animationStartTime = -1;\\n private animationFrameRequestId = -1;\\n private animationTimeOutLength = -1;\\n\\n @HostBinding(\'@fade\')\\n state = {\\n value: \'inactive\',\\n params: {\\n easeTime: this.toastPackage.config.easeTime,\\n },\\n };\\n\\n @HostBinding(\'attr.role\') role = \'alert\';\\n @HostBinding(\'attr.aria-live\') ariaLive = \'assertive\';\\n @HostBinding(\'attr.aria-atomic\') ariaAtomic = \'true\';\\n\\n constructor(\\n private readonly toastService: ToastService,\\n private readonly toastPackage: ToastPackage,\\n private readonly cd: ChangeDetectorRef\\n ) {\\n this.toastClasses = `cvi-toast ${toastPackage.toastType}`;\\n }\\n\\n @HostBinding(\'class\')\\n get hostClasses(): string {\\n return `cvi-toast ${this.toastPackage.toastType}`;\\n }\\n\\n ngAfterViewInit() {\\n this.animationTimeOutLength = this.toastPackage.config.timeOut;\\n this.timeout = setTimeout(() => this.remove(), this.animationTimeOutLength);\\n this.animateProgressBar(performance.now());\\n this.state = { ...this.state, value: \'active\' };\\n }\\n\\n @HostListener(\'click\')\\n tapToast() {\\n this.remove();\\n }\\n\\n @HostListener(\'mouseenter\')\\n keepToastAround() {\\n if (this.state.value === \'removed\') {\\n return;\\n }\\n\\n clearTimeout(this.timeout);\\n cancelAnimationFrame(this.animationFrameRequestId);\\n this.animationFrameRequestId = -1;\\n this.animationStartTime = -1;\\n this.progressBarWidth = 0;\\n }\\n\\n @HostListener(\'mouseleave\')\\n delayedHideToast() {\\n this.animationTimeOutLength = this.toastPackage.config.extendedTimeOut;\\n this.timeout = setTimeout(() => this.remove(), this.animationTimeOutLength);\\n this.animateProgressBar(performance.now());\\n }\\n\\n get message() {\\n return this.toastPackage.message;\\n }\\n\\n get title() {\\n return this.toastPackage.title;\\n }\\n\\n get progressBar() {\\n return this.toastPackage.config.progressBar;\\n }\\n\\n get isSuccessToast() {\\n return (\\n this.toastPackage.toastType ===\\n this.toastPackage.config.toastTypes.success\\n );\\n }\\n\\n get isInfoToast() {\\n return (\\n this.toastPackage.toastType === this.toastPackage.config.toastTypes.info\\n );\\n }\\n\\n get isWarningToast() {\\n return (\\n this.toastPackage.toastType ===\\n this.toastPackage.config.toastTypes.warning\\n );\\n }\\n\\n get isErrorToast() {\\n return (\\n this.toastPackage.toastType === this.toastPackage.config.toastTypes.error\\n );\\n }\\n\\n remove() {\\n if (this.state.value === \'removed\') {\\n return;\\n }\\n\\n clearTimeout(this.timeout);\\n cancelAnimationFrame(this.animationFrameRequestId);\\n this.animationFrameRequestId = -1;\\n this.state = { ...this.state, value: \'removed\' };\\n\\n setTimeout(\\n () => this.toastService.remove(this.toastPackage.id),\\n this.toastPackage.config.easeTime\\n );\\n }\\n\\n private animateProgressBar(timestamp: number) {\\n this.animationFrameRequestId = requestAnimationFrame(\\n this.animateProgressBar.bind(this)\\n );\\n\\n if (this.animationStartTime > 0) {\\n this.progressBarWidth =\\n 100 -\\n Math.min(\\n (timestamp - this.animationStartTime) / this.animationTimeOutLength,\\n 100\\n ) *\\n 100;\\n this.cd.markForCheck();\\n } else {\\n this.animationStartTime = timestamp;\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":""},{"name":"toastPackage","type":"ToastPackage","deprecated":false,"deprecationMessage":""},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":52,"jsdoctags":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"toastPackage","type":"ToastPackage","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit"],"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":63}},"message":{"name":"message","getSignature":{"name":"message","type":"","returnType":"","line":99}},"title":{"name":"title","getSignature":{"name":"title","type":"","returnType":"","line":103}},"progressBar":{"name":"progressBar","getSignature":{"name":"progressBar","type":"","returnType":"","line":107}},"isSuccessToast":{"name":"isSuccessToast","getSignature":{"name":"isSuccessToast","type":"","returnType":"","line":111}},"isInfoToast":{"name":"isInfoToast","getSignature":{"name":"isInfoToast","type":"","returnType":"","line":118}},"isWarningToast":{"name":"isWarningToast","getSignature":{"name":"isWarningToast","type":"","returnType":"","line":124}},"isErrorToast":{"name":"isErrorToast","getSignature":{"name":"isErrorToast","type":"","returnType":"","line":131}}},"templateData":"

    \\n \\n \\n \\n \\n
    {{ title }}
    \\n \\n

    \\n
    \\n {{ message }}\\n
    \\n
    \\n"},{"name":"ToastContainerComponent","id":"component-ToastContainerComponent-2aa63fbd57dab0f699dc235fb073014d30fc3b6c5baeba1d44ab0fb9d7fe5ad03edcdfdf83ad39b7cffdae818c3e1ad2a417d7774947c47a584676251c3a4f78","file":"libs/ui/src/lib/toast/toast-container.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-toast-container","styleUrls":[],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-toast-container\',\\n template: ``,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ToastContainerComponent {\\n @HostBinding(\'class\')\\n get hostClasses() {\\n return \'cvi-toast-container\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"","returnType":"","line":10}}}},{"name":"ToastWrapperComponent","id":"component-ToastWrapperComponent-c6be7b45240b3121a6f5e9218431a95327b219bc1df43860b0fec96c8cd766380e573b9ba81b78a1fd6f00de2d4cf5366e762ec96e7c801cc90e0db7278e6906","file":"libs/ui/src/lib/toast/toast.service.stories.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-toast-wrapper","styleUrls":[],"styles":[],"template":"\\n Open Success Toast\\n Open Info Toast\\n Open Warning Toast\\n Open Error Toast\\n\\n","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"showButtons","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":24,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"openErrorToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":51,"deprecated":false,"deprecationMessage":""},{"name":"openInfoToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":""},{"name":"openSuccessToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":""},{"name":"openWarningToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":47,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ToastService } from \'./toast.service\';\\nimport notes from \'./toast.service.md\';\\nimport { AfterViewInit, Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toast-wrapper\',\\n template: `\\n \\n Open Success Toast\\n Open Info Toast\\n Open Warning Toast\\n Open Error Toast\\n \\n `,\\n})\\nclass ToastWrapperComponent implements AfterViewInit {\\n @Input() showButtons = true;\\n constructor(private toastService: ToastService) {}\\n\\n ngAfterViewInit() {\\n if (!this.showButtons) {\\n this.toastService.info(\\n \'Default Title which is quite darn long\',\\n \'Default message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1\'\\n );\\n }\\n }\\n\\n openSuccessToast() {\\n this.toastService.success(\\n \'Success Title with a lot of text that does not fit\',\\n \'Message\'\\n );\\n }\\n\\n openInfoToast() {\\n this.toastService.info(\'Info Title\', \'Message\');\\n }\\n\\n openWarningToast() {\\n this.toastService.warning(\'Warning Title\', \'Message\');\\n }\\n\\n openErrorToast() {\\n this.toastService.error(\\n \'Error Title\',\\n \'Message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1\'\\n );\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Toast\',\\n component: ToastWrapperComponent,\\n parameters: { notes },\\n decorators: [\\n moduleMetadata({\\n declarations: [ToastWrapperComponent],\\n }),\\n ],\\n argTypes: {\\n showButtons: {\\n table: {\\n disable: true,\\n },\\n },\\n },\\n} as Meta;\\n\\nconst Template: Story = (args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n});\\nexport const Default = Template.bind({});\\n\\nconst TemplateOpenOnLoad: Story = (args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n});\\nexport const OpenOnLoad = TemplateOpenOnLoad.bind({});\\nOpenOnLoad.parameters = {\\n chromatic: { delay: 1000 },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":""}],"line":24,"jsdoctags":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit"]},{"name":"TooltipComponent","id":"component-TooltipComponent-9eac1061862480a3b02d3d177fceeb84847f85dc5e07cbb4678b33fd0143caa12e72539a53bcd884ab95e38472ef591630328b7868c1f9b88b8bc54f09a3fb17","file":"libs/ui/src/lib/tooltip/tooltip.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tooltip","styleUrls":[],"styles":[],"templateUrl":["./tooltip.component.html"],"viewProviders":[],"inputsClass":[{"name":"arrowLeft","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":11,"type":"number","decorators":[]},{"name":"arrowTop","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":12,"type":"number","decorators":[]},{"name":"left","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":9,"type":"number","decorators":[]},{"name":"message","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":8,"type":"string","decorators":[]},{"name":"top","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":10,"type":"number","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":13,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-tooltip\',\\n templateUrl: \'./tooltip.component.html\',\\n})\\nexport class TooltipComponent {\\n @Input() message = \'\';\\n @Input() left = 0;\\n @Input() top = 0;\\n @Input() arrowLeft = 0;\\n @Input() arrowTop = 0;\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-tooltip\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":13}}},"templateData":"
    \\n {{message}}\\n
    \\n
    \\n"},{"name":"TrackComponent","id":"component-TrackComponent-4f1b55ff3b0f516aaa4133c0e0a9f72f923d48721052bebece53d8dc47fb5fd82d714579588d6d93786b7548ad1da909090e83f666c0dac8439b16b064009e74","file":"libs/ui/src/lib/track/track.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-track","styleUrls":[],"styles":[],"templateUrl":["./track.component.html"],"viewProviders":[],"inputsClass":[{"name":"flexColumnsEqual","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nAll items in a row have same width. Only applicable if layout=flex","description":"

    All items in a row have same width. Only applicable if layout=flex

    \\n","line":17,"type":"boolean","decorators":[]},{"name":"flexDirection","defaultValue":"\'horizontal\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly applicable if layout=flex","description":"

    Only applicable if layout=flex

    \\n","line":59,"type":"\\"horizontal\\" | \\"vertical\\" | \\"verticalOnMobile\\" | \\"verticalReverseOnMobile\\"","decorators":[]},{"name":"flexIsMultiline","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":69,"type":"boolean","decorators":[]},{"name":"gap","defaultValue":"0","deprecated":false,"deprecationMessage":"","rawdescription":"\\nGap in multiples of --cvi-spacing-unit","description":"

    Gap in multiples of --cvi-spacing-unit

    \\n","line":12,"type":"Gap","decorators":[]},{"name":"gridRows","deprecated":false,"deprecationMessage":"","line":23,"type":"number","decorators":[]},{"name":"horizontalAlignment","defaultValue":"\'normal\'","deprecated":false,"deprecationMessage":"","line":38,"type":"\\"normal\\" | \\"left\\" | \\"center\\" | \\"right\\" | \\"justify\\"","decorators":[]},{"name":"layout","defaultValue":"\'flex\'","deprecated":false,"deprecationMessage":"","line":14,"type":"\\"flex\\" | \\"grid\\"","decorators":[]},{"name":"verticalAlignment","defaultValue":"\'normal\'","deprecated":false,"deprecationMessage":"","line":56,"type":"\\"normal\\" | \\"top\\" | \\"center\\" | \\"bottom\\"","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getHostDirection","args":[],"optional":false,"returnType":"string","typeParameters":[],"line":81,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":71,"type":"string","decorators":[]},{"name":"style.--horizontal-alignment","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEquivalent of justify-content in CSS","description":"

    Equivalent of justify-content in CSS

    \\n","line":27,"type":"string | null","decorators":[]},{"name":"style.--rows","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly applicable if layout=grid","description":"

    Only applicable if layout=grid

    \\n","line":19,"type":"string | null","decorators":[]},{"name":"style.--vertical-alignment","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEquivalent of align-items in CSS","description":"

    Equivalent of align-items in CSS

    \\n","line":47,"type":"string | null","decorators":[]},{"name":"style.--wrap","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly applicable if layout=flex. Equivalent of flex-wrap in CSS","description":"

    Only applicable if layout=flex. Equivalent of flex-wrap in CSS

    \\n","line":66,"type":"string | null","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\nimport { Gap } from \'./track\';\\n\\n@Component({\\n selector: \'cvi-ng-track\',\\n templateUrl: \'./track.component.html\',\\n})\\nexport class TrackComponent {\\n /** Gap in multiples of --cvi-spacing-unit */\\n @HostBinding(\'style.--gap\')\\n @Input()\\n gap: Gap = 0;\\n @Input()\\n layout: \'flex\' | \'grid\' = \'flex\';\\n /** All items in a row have same width. Only applicable if layout=flex */\\n @Input()\\n flexColumnsEqual = false;\\n /** Only applicable if layout=grid */\\n @HostBinding(\'style.--rows\') get hostCSSPropGridRows(): string | null {\\n return this.gridRows ? `${this.gridRows}` : null;\\n }\\n @Input()\\n gridRows!: number;\\n\\n /** Equivalent of justify-content in CSS */\\n @HostBinding(\'style.--horizontal-alignment\')\\n get hostCSSPropHorizontalAlignment(): string | null {\\n return this.horizontalAlignment\\n ? `\\n ${this.horizontalAlignment === \'normal\' ? \'normal\' : \'\'}\\n ${this.horizontalAlignment === \'left\' ? \'flex-start\' : \'\'}\\n ${this.horizontalAlignment === \'right\' ? \'flex-end\' : \'\'}\\n ${this.horizontalAlignment === \'center\' ? \'center\' : \'\'}\\n ${this.horizontalAlignment === \'justify\' ? \'space-between\' : \'\'}\\n `\\n : null;\\n }\\n @Input() horizontalAlignment:\\n | \'normal\'\\n | \'left\'\\n | \'center\'\\n | \'right\'\\n | \'justify\' = \'normal\';\\n\\n /** Equivalent of align-items in CSS */\\n @HostBinding(\'style.--vertical-alignment\')\\n get hostCSSPropVerticalAlignment(): string | null {\\n return this.verticalAlignment !== \'normal\'\\n ? `\\n ${this.verticalAlignment === \'top\' ? \'flex-start\' : \'\'}\\n ${this.verticalAlignment === \'center\' ? \'center\' : \'\'}\\n ${this.verticalAlignment === \'bottom\' ? \'flex-end\' : \'\'}\\n `\\n : null;\\n }\\n @Input() verticalAlignment: \'normal\' | \'top\' | \'center\' | \'bottom\' = \'normal\';\\n\\n /** Only applicable if layout=flex */\\n @Input() flexDirection:\\n | \'horizontal\'\\n | \'vertical\'\\n | \'verticalOnMobile\'\\n | \'verticalReverseOnMobile\' = \'horizontal\';\\n\\n /** Only applicable if layout=flex. Equivalent of flex-wrap in CSS */\\n @HostBinding(\'style.--wrap\') get hostCSSPropIsMultiline(): string | null {\\n return this.layout === \'flex\' && this.flexIsMultiline ? \'wrap\' : null;\\n }\\n @Input() flexIsMultiline = false;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-track cvi-track--direction-${this.getHostDirection()}${\\n this.layout === \'grid\'\\n ? \' cvi-track--layout-grid\'\\n : \' cvi-track--layout-flex\'\\n }${this.flexColumnsEqual ? \' cvi-track--items-have-equal-width\' : \'\'}${\\n this.gridRows ? \' cvi-track--has-rows\' : \'\'\\n }`;\\n }\\n\\n getHostDirection(): string {\\n if (this.flexDirection === \'verticalOnMobile\') {\\n return \'vertical-on-mobile\';\\n } else if (this.flexDirection === \'verticalReverseOnMobile\') {\\n return \'vertical-reversed-on-mobile\';\\n } else {\\n return this.flexDirection;\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostCSSPropGridRows":{"name":"hostCSSPropGridRows","getSignature":{"name":"hostCSSPropGridRows","type":"","returnType":"string | null","line":19,"rawdescription":"\\nOnly applicable if layout=grid","description":"

    Only applicable if layout=grid

    \\n"}},"hostCSSPropHorizontalAlignment":{"name":"hostCSSPropHorizontalAlignment","getSignature":{"name":"hostCSSPropHorizontalAlignment","type":"","returnType":"string | null","line":27,"rawdescription":"\\nEquivalent of justify-content in CSS","description":"

    Equivalent of justify-content in CSS

    \\n"}},"hostCSSPropVerticalAlignment":{"name":"hostCSSPropVerticalAlignment","getSignature":{"name":"hostCSSPropVerticalAlignment","type":"","returnType":"string | null","line":47,"rawdescription":"\\nEquivalent of align-items in CSS","description":"

    Equivalent of align-items in CSS

    \\n"}},"hostCSSPropIsMultiline":{"name":"hostCSSPropIsMultiline","getSignature":{"name":"hostCSSPropIsMultiline","type":"","returnType":"string | null","line":66,"rawdescription":"\\nOnly applicable if layout=flex. Equivalent of flex-wrap in CSS","description":"

    Only applicable if layout=flex. Equivalent of flex-wrap in CSS

    \\n"}},"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":71}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-track
    Component nameTrackComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    A a quick layout helper. Use with multiple children to provide a flex- or grid-like layout and ensure gaps between them are consistent with the design system.

    \\n","templateData":"\\n"}],"modules":[{"name":"AppModule","id":"module-AppModule-f61cefce3e19f59968a406d9c9527f663f428e238ca0ad7f04058d07717144f3bdc208b239a364920842916c528536300e737b866b6197afa13afb38ec353a47","description":"","deprecationMessage":"","deprecated":false,"file":"apps/ria/src/app/app.module.ts","methods":[],"sourceCode":"import { LOCALE_ID, NgModule } from \'@angular/core\';\\nimport { BrowserModule } from \'@angular/platform-browser\';\\n\\nimport { AppComponent } from \'./app.component\';\\nimport { UiModule } from \'@egov/cvi-ng\';\\nimport { HttpClient, HttpClientModule } from \'@angular/common/http\';\\nimport { TranslateHttpLoader } from \'@ngx-translate/http-loader\';\\nimport { BrowserAnimationsModule } from \'@angular/platform-browser/animations\';\\nimport { CommonModule } from \'@angular/common\';\\nimport { TranslateLoader, TranslateModule } from \'@ngx-translate/core\';\\nimport { ReactiveFormsModule } from \'@angular/forms\';\\n\\nexport function HttpLoaderFactory(http: HttpClient) {\\n return new TranslateHttpLoader(http, \'./assets/i18n/\', \'.json\');\\n}\\n\\n@NgModule({\\n declarations: [AppComponent],\\n imports: [\\n BrowserModule,\\n UiModule,\\n BrowserAnimationsModule,\\n HttpClientModule,\\n CommonModule,\\n TranslateModule.forRoot({\\n loader: {\\n provide: TranslateLoader,\\n useFactory: HttpLoaderFactory,\\n deps: [HttpClient],\\n },\\n }),\\n ReactiveFormsModule,\\n ],\\n providers: [{ provide: LOCALE_ID, useValue: \'et\' }],\\n bootstrap: [AppComponent],\\n})\\nexport class AppModule {}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"AppComponent"}]},{"type":"imports","elements":[{"name":"UiModule"}]},{"type":"exports","elements":[]},{"type":"bootstrap","elements":[{"name":"AppComponent"}]},{"type":"classes","elements":[]}]},{"name":"NgDiagramsModule","id":"module-NgDiagramsModule-1da773d4941e39c41c8b77a68eea583dcd00eba574f9feaaa0aea70707d2bb7b65218f561046181974524068d0f6e52c45db10d817459d903b713de7b8d2d151","description":"","deprecationMessage":"","deprecated":false,"file":"libs/ng-diagrams/src/lib/ng-diagrams.module.ts","methods":[],"sourceCode":"import { NgModule } from \'@angular/core\';\\nimport { CommonModule } from \'@angular/common\';\\nimport { HierarchicalBoxDiagramComponent } from \'./hierarchical-box-diagram/hierarchical-box-diagram.component\';\\n\\n@NgModule({\\n imports: [CommonModule],\\n declarations: [HierarchicalBoxDiagramComponent],\\n exports: [HierarchicalBoxDiagramComponent],\\n})\\nexport class NgDiagramsModule {}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"HierarchicalBoxDiagramComponent"}]},{"type":"imports","elements":[]},{"type":"exports","elements":[{"name":"HierarchicalBoxDiagramComponent"}]},{"type":"bootstrap","elements":[]},{"type":"classes","elements":[]}]},{"name":"StorybookModule","id":"module-StorybookModule-47f83d1a96ad48d75a861fcae9eff2827fcacbf03c18b6d290d29fa3fd77a7538fd11a6c932cf5c23c8bb005d7ca043769ff909406016f1c910d841c37118ec1","description":"","deprecationMessage":"","deprecated":false,"file":"libs/storybook/src/lib/storybook.module.ts","methods":[],"sourceCode":"import { CommonModule, registerLocaleData } from \'@angular/common\';\\nimport { HttpClient, HttpClientModule } from \'@angular/common/http\';\\nimport { LOCALE_ID, NgModule } from \'@angular/core\';\\nimport {\\n TranslateLoader,\\n TranslateModule,\\n TranslateService,\\n} from \'@ngx-translate/core\';\\nimport { TranslateHttpLoader } from \'@ngx-translate/http-loader\';\\nimport localeEt from \'@angular/common/locales/et\';\\nimport { StorybookSpacingSpecimenComponent } from \'./components/storybook-spacing-specimen/storybook-spacing-specimen.component\';\\nimport { StorybookSpacingSpecimenItemComponent } from \'./components/storybook-spacing-specimen/storybook-spacing-specimen-item.component\';\\nimport { StorybookColorCardsComponent } from \'./components/storybook-color-cards/storybook-color-cards.component\';\\nimport { StorybookColorCardComponent } from \'./components/storybook-color-cards/storybook-color-card.component\';\\nimport { StorybookIconCardsComponent } from \'./components/storybook-icon-cards/storybook-icon-cards.component\';\\nimport { StorybookIconCardComponent } from \'./components/storybook-icon-cards/storybook-icon-card.component\';\\nimport { StorybookTypeTesterComponent } from \'./components/storybook-type-tester/storybook-type-tester.component\';\\nimport { StorybookNoteComponent } from \'./components/storybook-note/storybook-note.component\';\\nimport { StorybookRandomParagraphsDirective } from \'./directives/storybook-random-paragraphs/storybook-random-paragraphs.directive\';\\nimport { StorybookCurrentComponentDirective } from \'./directives/storybook-current-component/storybook-current-component.directive\';\\nimport { StorybookInputDirective } from \'./directives/storybook-input/storybook-input.directive\';\\nimport { BrowserAnimationsModule } from \'@angular/platform-browser/animations\';\\n// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries\\nimport { storybookIcons } from \'../../../ui/src/lib/icons/storybook-icons\';\\nimport { IconsRegistry } from \'@egov/cvi-ng\';\\n\\nexport function HttpLoaderFactory(http: HttpClient) {\\n return new TranslateHttpLoader(http, \'i18n/\', \'.json\');\\n}\\n\\nregisterLocaleData(localeEt);\\n\\nconst components = [\\n StorybookColorCardsComponent,\\n StorybookColorCardComponent,\\n StorybookIconCardsComponent,\\n StorybookIconCardComponent,\\n StorybookTypeTesterComponent,\\n StorybookNoteComponent,\\n StorybookSpacingSpecimenComponent,\\n StorybookSpacingSpecimenItemComponent,\\n StorybookRandomParagraphsDirective,\\n StorybookCurrentComponentDirective,\\n StorybookInputDirective,\\n];\\n\\n@NgModule({\\n imports: [\\n BrowserAnimationsModule,\\n HttpClientModule,\\n CommonModule,\\n TranslateModule.forRoot({\\n loader: {\\n provide: TranslateLoader,\\n useFactory: HttpLoaderFactory,\\n deps: [HttpClient],\\n },\\n }),\\n ],\\n declarations: [...components],\\n exports: [...components, TranslateModule],\\n providers: [{ provide: LOCALE_ID, useValue: \'et\' }],\\n})\\nexport class StorybookModule {\\n constructor(private registry: IconsRegistry, translate: TranslateService) {\\n this.registry.registerIcons(storybookIcons);\\n translate.setDefaultLang(\'et\');\\n translate.use(\'et\');\\n }\\n}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"}]},{"type":"imports","elements":[]},{"type":"exports","elements":[{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"}]},{"type":"bootstrap","elements":[]},{"type":"classes","elements":[]}]},{"name":"UiModule","id":"module-UiModule-e04bb9eb29d260e958e18de30e9d6112d1ec3328d4ae8ceb88b9a8199b8fda3d8070c2599fa1f7900657ca8da831896117e9a30da6ed68e1b68716ce20455b47","description":"","deprecationMessage":"","deprecated":false,"file":"libs/ui/src/lib/ui.module.ts","methods":[],"sourceCode":"import { CommonModule } from \'@angular/common\';\\nimport { NgModule } from \'@angular/core\';\\nimport { CircleComponent } from \'./circle/circle.component\';\\nimport { ToStepCircleIconNamePipe } from \'./steps/steps/to-step-circle-icon-name.pipe\';\\nimport { ToStepCircleSeverityPipe } from \'./steps/steps/to-step-circle-severity.pipe\';\\n\\nimport { TrackComponent } from \'./track/track.component\';\\nimport { ContentContainerComponent } from \'./content-container/content-container.component\';\\nimport { ContentPanelComponent } from \'./content-panel/content-panel.component\';\\nimport { ButtonComponent } from \'./button/button.component\';\\nimport { StatusBadgeComponent } from \'./status-badge/status-badge.component\';\\nimport { FormItemComponent } from \'./form-item/form-item.component\';\\nimport { InputComponent } from \'./input/input.component\';\\nimport { RadioGroupComponent } from \'./radio-button/radio-group/radio-group.component\';\\nimport { RadioButtonComponent } from \'./radio-button/radio-button/radio-button.component\';\\nimport { IconComponent } from \'./icons/icon/icon.component\';\\nimport { LabeledIconComponent } from \'./icons/labeled-icon/labeled-icon.component\';\\nimport { StepsComponent } from \'./steps/steps/steps.component\';\\nimport { StepComponent } from \'./steps/step/step.component\';\\nimport { StepPanelComponent } from \'./steps/step-panel/step-panel.component\';\\nimport { FeedbackComponent } from \'./feedback/feedback/feedback.component\';\\nimport { TextareaComponent } from \'./textarea/textarea.component\';\\nimport { OptionButtonComponent } from \'./radio-button/option-button/option-button.component\';\\nimport { TextFieldModule } from \'@angular/cdk/text-field\';\\nimport { AccordionComponent } from \'./accordion/accordion.component\';\\nimport { AccordionItemDirective } from \'./accordion/directives/accordion-item.directive\';\\nimport { AccordionContentDirective } from \'./accordion/directives/accordion-content.directive\';\\nimport { AccordionTitleDirective } from \'./accordion/directives/accordion-title.directive\';\\nimport { AccordionHeaderDirective } from \'./accordion/directives/accordion-header.directive\';\\nimport { HtmlSectionComponent } from \'./html-section/html-section.component\';\\nimport { SafeHtmlPipe } from \'./html-section/safe-html-pipe\';\\nimport { NotificationComponent } from \'./notification/notification.component\';\\nimport { NotificationSeverityToHeaderIconPipe } from \'./notification/notification-severity-to-header-icon.pipe\';\\nimport { IconsRegistry } from \'./icons/icons-registry.service\';\\n// Only import the icons used inside the library\\nimport {\\n cviArrowALeft,\\n cviArrowARight,\\n cviArrowBLeft,\\n cviArrowBRight,\\n cviArrowDown,\\n cviArrowDownAlt,\\n cviArrowUp,\\n cviArrowUpAlt,\\n cviCalendar,\\n cviCall,\\n cviCheckCircleOutline,\\n cviCheck,\\n cviClose,\\n cviEditSimple,\\n cviEmail,\\n cviErrorOutline,\\n cviHappyFace,\\n cviInfo,\\n cviInputError,\\n cviLocation,\\n cviLoupe,\\n cviSadFace,\\n cviScreenShare,\\n cviSuccess,\\n cviWarningAmber,\\n cviOpenInNew,\\n cviFilter,\\n} from \'@egov/cvi-icons\';\\nimport { FormsModule, ReactiveFormsModule } from \'@angular/forms\';\\nimport { BreadcrumbsComponent } from \'./breadcrumbs/breadcrumbs.component\';\\nimport { SelectComponent } from \'./select/select.component\';\\nimport { SelectNavigationDirective } from \'./select/select-navigation.directive\';\\nimport {\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n} from \'./select/select-templates.directive\';\\nimport { DataAttributeDirective } from \'./directives/data-attribute.directive\';\\nimport { TooltipComponent } from \'./tooltip/tooltip.component\';\\nimport { TooltipDirective } from \'./tooltip/tooltip.directive\';\\nimport { TabComponent } from \'./tabs/tab.component\';\\nimport { TabGroupComponent } from \'./tabs/tab-group.component\';\\nimport { TabsComponent } from \'./tabs/tabs.component\';\\nimport { DefaultToastConfig, TOAST_CONFIG } from \'./toast/toast-config\';\\nimport { ToastComponent } from \'./toast/toast.component\';\\nimport { ToastContainerComponent } from \'./toast/toast-container.component\';\\nimport { CharacterCounterComponent } from \'./character-counter/character-counter.component\';\\nimport { CharacterCounterDirective } from \'./character-counter/character-counter.directive\';\\nimport { TableOfContentsSectionDirective } from \'./table-of-contents/toc-section.directive\';\\nimport { GeneratedTableOfContentsComponent } from \'./table-of-contents/generated-table-of-contents/generated-table-of-contents.component\';\\nimport { TableOfContentsWrapperComponent } from \'./table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component\';\\nimport { TableOfContentsComponent } from \'./table-of-contents/table-of-contents/table-of-contents.component\';\\nimport { TableOfContentsItemComponent } from \'./table-of-contents/table-of-contents-item/table-of-contents-item.component\';\\nimport { ModalComponent } from \'./modal/modal.component\';\\nimport { ModalDirective } from \'./modal/modal.directive\';\\nimport { ConfirmationModalComponent } from \'./confirmation-modal/confirmation-modal.component\';\\nimport { A11yModule } from \'@angular/cdk/a11y\';\\nimport { ReorderableListComponent } from \'./reorderable-list/reorderable-list/reorderable-list.component\';\\nimport { ReorderableListItemComponent } from \'./reorderable-list/reorderable-list-item/reorderable-list-item.component\';\\nimport { TableComponent } from \'./table/table.component\';\\nimport { BodyCellComponent } from \'./table/body-cell/body-cell.component\';\\nimport { HeaderCellComponent } from \'./table/header-cell/header-cell.component\';\\nimport { ScreenreaderTextComponent } from \'./screenreader-text/screenreader-text.component\';\\nimport { DatepickerComponent } from \'./datepicker/datepicker.component\';\\nimport { DatepickerCalendarComponent } from \'./datepicker/datepicker-calendar.component\';\\nimport { DATEPICKER_LABEL_CONFIG } from \'./datepicker/datepicker-label-config.token\';\\nimport { DefaultDatepickerLabelConfig } from \'./datepicker/default-datepicker-label.config\';\\nimport { TimedNoticeComponent } from \'./timed-notice/timed-notice.component\';\\nimport { TimedNoticeSeverityToIconPipe } from \'./timed-notice/timed-notice-severity-to-icon.pipe\';\\nimport { FormMessageDirective } from \'./form-message/form-message.directive\';\\nimport { FormMessageComponent } from \'./form-message/form-message.component\';\\nimport { FormMessageSeverityToHeaderIconPipe } from \'./form-message/form-message-severity-to-header-icon.pipe\';\\n\\nconst components = [\\n TrackComponent,\\n ContentContainerComponent,\\n ContentPanelComponent,\\n StatusBadgeComponent,\\n ButtonComponent,\\n InputComponent,\\n FormItemComponent,\\n IconComponent,\\n LabeledIconComponent,\\n StepsComponent,\\n StepComponent,\\n StepPanelComponent,\\n RadioGroupComponent,\\n RadioButtonComponent,\\n OptionButtonComponent,\\n FeedbackComponent,\\n TextareaComponent,\\n HtmlSectionComponent,\\n AccordionComponent,\\n AccordionItemDirective,\\n AccordionContentDirective,\\n AccordionTitleDirective,\\n AccordionHeaderDirective,\\n TableOfContentsSectionDirective,\\n TableOfContentsWrapperComponent,\\n TableOfContentsComponent,\\n TableOfContentsItemComponent,\\n GeneratedTableOfContentsComponent,\\n NotificationComponent,\\n BreadcrumbsComponent,\\n SelectComponent,\\n SelectNavigationDirective,\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n DataAttributeDirective,\\n TooltipComponent,\\n TooltipDirective,\\n TabComponent,\\n TabGroupComponent,\\n TabsComponent,\\n ToastComponent,\\n ToastContainerComponent,\\n CharacterCounterComponent,\\n CharacterCounterDirective,\\n ModalComponent,\\n ModalDirective,\\n ConfirmationModalComponent,\\n ReorderableListComponent,\\n ReorderableListItemComponent,\\n TableComponent,\\n ScreenreaderTextComponent,\\n BodyCellComponent,\\n HeaderCellComponent,\\n DatepickerComponent,\\n DatepickerCalendarComponent,\\n TimedNoticeComponent,\\n FormMessageComponent,\\n FormMessageDirective,\\n CircleComponent,\\n];\\n\\nconst pipes = [\\n SafeHtmlPipe,\\n NotificationSeverityToHeaderIconPipe,\\n TimedNoticeSeverityToIconPipe,\\n FormMessageSeverityToHeaderIconPipe,\\n ToStepCircleSeverityPipe,\\n ToStepCircleIconNamePipe,\\n];\\n\\nconst directives = [DataAttributeDirective];\\n\\n@NgModule({\\n imports: [\\n CommonModule,\\n TextFieldModule,\\n ReactiveFormsModule,\\n FormsModule,\\n A11yModule,\\n ],\\n declarations: [...components, ...pipes],\\n exports: [...components, ...pipes, ...directives],\\n providers: [\\n ...pipes,\\n {\\n provide: TOAST_CONFIG,\\n useValue: {\\n default: DefaultToastConfig,\\n },\\n },\\n {\\n provide: DATEPICKER_LABEL_CONFIG,\\n useValue: new DefaultDatepickerLabelConfig(),\\n },\\n ],\\n})\\nexport class UiModule {\\n constructor(private registry: IconsRegistry) {\\n this.registry.registerIcons([\\n cviCall,\\n cviClose,\\n cviInfo,\\n cviCheckCircleOutline,\\n cviCheck,\\n cviWarningAmber,\\n cviErrorOutline,\\n cviLoupe,\\n cviArrowALeft,\\n cviArrowARight,\\n cviArrowBLeft,\\n cviArrowBRight,\\n cviSadFace,\\n cviHappyFace,\\n cviScreenShare,\\n cviSuccess,\\n cviEmail,\\n cviLocation,\\n cviArrowDown,\\n cviArrowUp,\\n cviEditSimple,\\n cviArrowUpAlt,\\n cviArrowDownAlt,\\n cviCalendar,\\n cviInputError,\\n cviOpenInNew,\\n cviFilter,\\n ]);\\n }\\n}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"FormMessageSeverityToHeaderIconPipe"},{"name":"NotificationSeverityToHeaderIconPipe"},{"name":"SafeHtmlPipe"},{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"},{"name":"TimedNoticeSeverityToIconPipe"},{"name":"ToStepCircleIconNamePipe"},{"name":"ToStepCircleSeverityPipe"}]},{"type":"imports","elements":[]},{"type":"exports","elements":[{"name":"DataAttributeDirective"},{"name":"FormMessageSeverityToHeaderIconPipe"},{"name":"NotificationSeverityToHeaderIconPipe"},{"name":"SafeHtmlPipe"},{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"},{"name":"TimedNoticeSeverityToIconPipe"},{"name":"ToStepCircleIconNamePipe"},{"name":"ToStepCircleSeverityPipe"}]},{"type":"bootstrap","elements":[]},{"type":"classes","elements":[]}]}],"miscellaneous":{"variables":[{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (flex only)\',\\n },\\n}"},{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (flex only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (grid only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (grid only)\',\\n },\\n}"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: InputComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    0 / 10
    \\n
    \\n
    \\n `,\\n})"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n
    0 / 2000
    \\n `,\\n})"},{"name":"circleSeverityPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleSeverityPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'none\',\\n properties: {\\n // Note that literal, non CSS-variable-like values like this need special treatment in the component logic\\n \'--background-color\': \'transparent\',\\n \'--progress-background-color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'success\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sea-green-10\',\\n \'--progress-background-color\': \'--cvi-color-sea-green-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'error\',\\n properties: {\\n \'--background-color\': \'--cvi-color-jasper-10\',\\n \'--progress-background-color\': \'--cvi-color-jasper-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'info\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--progress-background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"},{"name":"circleThemePropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleThemePropertyGroup[]","defaultValue":"[\\n {\\n theme: \'dark\',\\n properties: {\\n \'--border-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-sapphire-blue-13\',\\n },\\n },\\n {\\n theme: \'light\',\\n properties: {\\n \'--border-color\': \'--cvi-color-white\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"},{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/storybook.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n StorybookColorCardsComponent,\\n StorybookColorCardComponent,\\n StorybookIconCardsComponent,\\n StorybookIconCardComponent,\\n StorybookTypeTesterComponent,\\n StorybookNoteComponent,\\n StorybookSpacingSpecimenComponent,\\n StorybookSpacingSpecimenItemComponent,\\n StorybookRandomParagraphsDirective,\\n StorybookCurrentComponentDirective,\\n StorybookInputDirective,\\n]"},{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n TrackComponent,\\n ContentContainerComponent,\\n ContentPanelComponent,\\n StatusBadgeComponent,\\n ButtonComponent,\\n InputComponent,\\n FormItemComponent,\\n IconComponent,\\n LabeledIconComponent,\\n StepsComponent,\\n StepComponent,\\n StepPanelComponent,\\n RadioGroupComponent,\\n RadioButtonComponent,\\n OptionButtonComponent,\\n FeedbackComponent,\\n TextareaComponent,\\n HtmlSectionComponent,\\n AccordionComponent,\\n AccordionItemDirective,\\n AccordionContentDirective,\\n AccordionTitleDirective,\\n AccordionHeaderDirective,\\n TableOfContentsSectionDirective,\\n TableOfContentsWrapperComponent,\\n TableOfContentsComponent,\\n TableOfContentsItemComponent,\\n GeneratedTableOfContentsComponent,\\n NotificationComponent,\\n BreadcrumbsComponent,\\n SelectComponent,\\n SelectNavigationDirective,\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n DataAttributeDirective,\\n TooltipComponent,\\n TooltipDirective,\\n TabComponent,\\n TabGroupComponent,\\n TabsComponent,\\n ToastComponent,\\n ToastContainerComponent,\\n CharacterCounterComponent,\\n CharacterCounterDirective,\\n ModalComponent,\\n ModalDirective,\\n ConfirmationModalComponent,\\n ReorderableListComponent,\\n ReorderableListItemComponent,\\n TableComponent,\\n ScreenreaderTextComponent,\\n BodyCellComponent,\\n HeaderCellComponent,\\n DatepickerComponent,\\n DatepickerCalendarComponent,\\n TimedNoticeComponent,\\n FormMessageComponent,\\n FormMessageDirective,\\n CircleComponent,\\n]"},{"name":"CustomBorderTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: CircleComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"DATA_ATTRIBUTE_TOKEN","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/directives/data-attribute.directive.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\\n \'DATA_ATTRIBUTE_TOKEN\',\\n {\\n providedIn: \'root\',\\n factory: () => \'cy\',\\n }\\n)"},{"name":"DATEPICKER_LABEL_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'datepicker.label.config\')"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"DefaultToastConfig","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"ToastConfig","defaultValue":"{\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n}"},{"name":"DefaultWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"directives","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[DataAttributeDirective]"},{"name":"Disabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledTemplate.bind({})"},{"name":"DisabledBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledBackgroundTemplate.bind({})"},{"name":"DisabledBackgroundTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"DisabledTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateError.bind({})"},{"name":"Form","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"FormGroupTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n minRows: 3,\\n selectedValue: selectedValue,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    Inserted value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: DatepickerComponent\\n) => {\\n const form = new FormGroup({\\n date: new FormControl(\'04.05.2023\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.date.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n function disableInput() {\\n form.controls.item.disable();\\n }\\n\\n function enableInput() {\\n form.controls.item.enable();\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n disableInput,\\n enableInput,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n Disable input\\n Enable input\\n \\n
    \\n\\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    Selected value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"},{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/ria-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"},{"name":"getStatusBadgeLabelBySeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"(severity: any) =>\\n statuses.find((st: any) => st.severity === severity)?.label"},{"name":"HeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeadingsWithIds.bind({})"},{"name":"icons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Object.entries(iconsModule)\\n .filter((item) => item[0] !== \'completeIconSet\')\\n .map(([, v]) => v) as CviIcon[]"},{"name":"iconSizeDefault","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"24"},{"name":"InContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateInContactsBlock.bind({})"},{"name":"InDebugMode","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"inputComponentValueAccessor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => InputComponent),\\n multi: true,\\n}"},{"name":"inputModes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'numeric\',\\n}"},{"name":"inputRegex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: /\\\\D/g,\\n}"},{"name":"ItemsCenteredHorizontally","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ItemsCenteredVertically","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"List","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LoadingState","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"LoadingStateTemplate.bind({})"},{"name":"LoadingStateTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"MobileWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"ModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpenWithoutButton.bind({})"},{"name":"Multiline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"},{"name":"NestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateNestedTracks.bind({})"},{"name":"Neutral","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"nextUniqueId","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"0"},{"name":"ObjectsAsItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ObjectsAsItemsTemplate.bind({})"},{"name":"ObjectsAsItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n searchFn: (term: string, item: any) => {\\n console.log(\'custom searchFn works!\');\\n return (\\n `${item.name} (${item.code})`\\n .toLowerCase()\\n .indexOf(term.toLowerCase()) > -1\\n );\\n },\\n valueFormatFn: (item: any) => `${item.name} (${item.code})`,\\n },\\n /* template */\\n template: `\\n \\n Use this approach when you provide objects as items and need to mix and match different properties of an item object in an option template. In addition to templates, you need to supply valueFormatFn input as well, in order for the chosen value to appear correctly.\\n \\n
    \\n \\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n \\n
    \\n `,\\n})"},{"name":"OnNonWhiteBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOpenOnLoad.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"options","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n]"},{"name":"patterns","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'[0-9]*\',\\n}"},{"name":"pipes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n SafeHtmlPipe,\\n NotificationSeverityToHeaderIconPipe,\\n TimedNoticeSeverityToIconPipe,\\n FormMessageSeverityToHeaderIconPipe,\\n ToStepCircleSeverityPipe,\\n ToStepCircleIconNamePipe,\\n]"},{"name":"ReorderableListMultipleFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListMultipleTracksAndFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleTracksAndFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleTracksAndFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListSingleFormItem","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListSingleFormItemTemplate.bind({})"},{"name":"ReorderableListSingleFormItemTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"SortedItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"SortedItemsTemplate.bind({})"},{"name":"SortedItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n function sortItemsFn(a: string, b: string): number {\\n return a.localeCompare(b, \'et\');\\n }\\n\\n return {\\n props: {\\n ...args,\\n sortItemsFn: sortItemsFn,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"statusBadgeCustomPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","type":"StatusBadgeCustomPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'info\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sapphire-blue-10\',\\n \'--background-color\': \'--cvi-color-sapphire-blue-0\',\\n \'--border-color\': \'--cvi-color-sapphire-blue-10\',\\n },\\n },\\n {\\n severity: \'success\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sea-green-11\',\\n \'--background-color\': \'--cvi-color-sea-green-0\',\\n \'--border-color\': \'--cvi-color-sea-green-11\',\\n },\\n },\\n {\\n severity: \'warning\',\\n customProperties: {\\n \'--color\': \'--cvi-color-dark-tangerine-15\',\\n \'--background-color\': \'--cvi-color-dark-tangerine-1\',\\n \'--border-color\': \'--cvi-color-dark-tangerine-10\',\\n },\\n },\\n ]"},{"name":"statuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n {\\n severity: \'info\',\\n label: \'Avaldamise ootel\',\\n },\\n {\\n severity: \'warning\',\\n label: \'Mustand\',\\n },\\n {\\n severity: \'success\',\\n label: \'Avaldatud\',\\n },\\n]"},{"name":"storybookIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"CviIcon[]","defaultValue":"icons"},{"name":"storybookIconsNames","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"icons.map((item) => item.name)"},{"name":"storybookRandomParagraphs","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"[\\n `As soon as the sea swallows the earth, two brothers shall bring a rise of faith.`,\\n `It shall be then, when the ground shifts, a suspicious malfunction shall cause an age of misfortune and the downfall of an empire.`,\\n `When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.`,\\n `It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.`,\\n `It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.`,\\n `It shall be on the day that steel turns to rust, two enemies shall cause the toppling of leaders and the beginning of a better future.`,\\n `The day the rain returns, a victory shall mark an end to hunger and the end of wealth.`,\\n `When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.`,\\n `As soon as the sun turns dark, a sudden death shall cause a generation of health and an age of misfortune.`,\\n `The day fire burns blue, the prophet shall cause an age of anarchy.`,\\n `When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.`,\\n `When the moment comes that one becomes many and many becomes one, a man clad in green shall bring forth the dawn of evil and a time of peace.`,\\n `There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.`,\\n `When the day comes that the sky falls, a forced marriage shall bring forth an age of anarchy.`,\\n `Upon the day all is celebrated, a refusal shall cause the rise of education.`,\\n `The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.`,\\n `The day temptation is too strong, the foreign one shall bring forth an age of misfortune and the end of history.`,\\n `It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.`,\\n `When the moment comes that the dead rise, the accused shall cause an age of lawlessness.`,\\n `There comes a day when prey kills predator, the young one shall usher forth a strengthening of bonds and new aggressions.`,\\n `When the sky turns red, a marriage shall usher forth the end of history.`,\\n `Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.`,\\n `It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.`,\\n `Once the sky is thick with water, a forbidden relationship shall cause the downfall of two kingdoms.`,\\n `The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.`,\\n `Upon the day the rivers turn green, the stranger shall mark a shift in power.`,\\n `When the day comes that temptation is too strong, the guilty shall mark an age of justice and the dawn of men.`,\\n `As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.`,\\n `By profession he was a dealer in animals, birds, and snakes. He had a fancier\'s shop in Groome street, in the heart of the Bowery. This was on the ground-floor. His living abode was in the upper story of that house, and it was there that he kept the twenty-three cats whose necks were adorned with leather collars, and whose numbers had so recently been reduced to twenty-two. But it was not the fact that he possessed twenty-three cats with leather collars that made Mr. Jarvis a celebrity.`,\\n `Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.`,\\n `\\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"`,\\n `A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.`,\\n `\\"Too decorous, Comrade Jackson. I came over here principally, it is true, to be at your side, should you be in any way persecuted by scoundrels. But at the same time I confess that at the back of my mind there lurked a hope that stirring adventures might come my way. I had heard so much of the place. Report had it that an earnest seeker after amusement might have a tolerably spacious rag in this modern Byzantium. I thought that a few weeks here might restore that keen edge to my nervous system which the languor of the past term had in a measure blunted. I wished my visit to be a tonic rather than a sedative. I anticipated that on my return the cry would go round Cambridge, \'Psmith has been to New York. He is full of oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff. Rah!\' But what do we find?\\"`,\\n `Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.`,\\n `By the time that Pugsy returned, carrying a five-cent bottle of milk, the animal had vacated the book-shelf, and was sitting on the table, washing her face. The milk having been poured into the lid of a tobacco-tin, in lieu of a saucer, she suspended her operations and adjourned for refreshments. Billy, business being business, turned again to Luella Granville Waterman, but Pugsy, having no immediate duties on hand, concentrated himself on the cat.`,\\n `This Pokemon is a ground-type Pokemon and looks a lot like a rhinoceros. It has thick legs, a tusked mouth and broken ears. They\'re generally shy by nature and can often be found in mountainous areas. If you\'re out looking for them they can often be seen hidden away and on their own. It tends to attack with Spikes and Mud Bomb. It has evolved twice, but can still evolve once more.`,\\n `This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has stubby fins, pure white scales and a cavernous mouth. They\'re generally energetic by nature and can often be found during a blizzard. If you\'re out looking for them they can often be seen among many other kinds of Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.`,\\n `This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.`,\\n]"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateSuccess.bind({})"},{"name":"Tablet","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HierarchicalBoxDiagramComponent\\n) => ({\\n props: args,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: AccordionComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n \\n \\n Qua qua\\n \\n \\n \\n \\n Howdy!\\n \\n \\n \\n \\n One helluva content\\n \\n \\n \\n \\n

    {{elem.content}}

    \\n     \\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
      \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Viimati muudetud 23.12.2023 | Teksti koostas Justiitsministeerium\\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Che cosa...\\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Not possible to see me!\\n
      \\n
      \\n
      • \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: BreadcrumbsComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ButtonComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentPanelComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    {{ title }}

    \\n {{ content }}\\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentContainerComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n {{ content }}\\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: DatepickerComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Nõutud kuupäeva formaat: dd.MM.yyyy\\n \\n
    \\n \\n
    \\n
    \\n
    06.06.2023
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    Juuni 2023
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    E
    \\n
    T
    \\n
    K
    \\n
    N
    \\n
    R
    \\n
    L
    \\n
    P
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormItemComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormMessageComponent) => ({\\n props: {\\n ...args,\\n selectItems: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: HtmlSectionComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Some title

    \\n
    \\n
    \\n

    Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

    \\n
    \\n
    \\n

    Ordered list

    \\n
      \\n
    1. Item 1
      2. \\n
    2. Item 2
      3. \\n
    \\n

    Unordered list

    \\n
      \\n
    • Item 1
      • \\n
    • Item 2
      • \\n
    • Item 3
      • \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ModalComponent) => ({\\n props: args,\\n template: `\\n \\n

    {{ testModalTitle }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    {{ title }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n

    Hi!

    \\n
    \\n

    I\'m modal

    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: NotificationComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{content}}\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n
    \\n
    \\n \\n \\n \\n \\n \\n
    \\n

    Notification title

    \\n
    \\n
    \\n Some content for the notification that might be excessively long and contain some parts that are not very important.\\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ScreenreaderTextComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    {{ placeholder }}
    \\n
    \\n
    \\n \\n
    \\n \\n \\n \\n \\n \\n
    \\n
    \\n
    \\n
      \\n
    • \\n Item 1 that is not that short but actually quite long\\n
      • \\n
    • \\n Current item 2\\n
      • \\n
    • \\n Item selected from keyboard\\n
      • \\n
    • \\n Item 4\\n
      • \\n
    • \\n Item 5\\n
      • \\n
    • \\n Item 6 with a very long text spanning many lines\\n
      • \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StatusBadgeComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    {{ content }}
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => ({\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    Sündmusteenus
    \\n     		\\n
    Staatus
    \\n     		\\n
    Viimati muudetud
    \\n
    \\n
    Abiellumine
    \\n     		\\n
    Mustand
    \\n     		\\n
    2021-07-15
    \\n     		\\n
    \\n
    \\n \\n \\n
    \\n
    \\n
    \\n
    Meteoroloogiateenistus
    \\n     		\\n
    Avaldatud
    \\n     		\\n
    2018-07-17
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    Geoloogilise luure teenistus
    \\n     		\\n
    Avaldamise ootel
    \\n     		\\n
    2016-07-05
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabGroupComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n
    \\n \\n Tab 1\\n \\n \\n \\n \\n \\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TextareaComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TimedNoticeComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n \\n \\n \\n kohustust täitma\\n \\n    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n

    \\n \\n \\n \\n \\n \\n {{ title }}\\n \\n

    \\n
    {{ content }}
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n

    \\n Hover over this element to display tooltip\\n

    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n
    \\n
    \\n This is a tooltip\\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipComponentWithCustomArgs\\n) => ({\\n props: {\\n ...args,\\n width: document.body.getBoundingClientRect().width,\\n height: document.body.getBoundingClientRect().height,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Cancel\\n Submit\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FeedbackComponent) => ({\\n props: args,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: LabeledIconComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n
    {{ content }}
    \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: RadioGroupComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n \\n
    2
    \\n \\n
    \\n
    And so am I
    \\n
    \\n
    \\n \\n
    \\n \\n
    1
    \\n \\n
    \\n
    Me as well
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepComponent) => ({\\n component: StepComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Some content for the first step\\n \\n \\n \\n \\n Some more content\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepPanelComponent) => ({\\n component: StepPanelComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ content }}\\n \\n \\n \\n \\n Some content\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n return {\\n component: StepsComponent,\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n \\n \\n
    \\n Textarea, input and the character counter directive should work properly inside steps.\\n \\n \\n \\n
    \\n     \\n     \\n     \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Abiellumine

    \\n
    \\n

    You can now add custom content before steps

    \\n
    \\n
      \\n
    1. \\n
    \\n
    \\n \\n \\n 1\\n \\n Abiellumine\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n \\n \\n \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n \\n
    \\n
    \\n
    \\n

    Second

    \\n

    \\n Fetal stemcells, aren\'t those controversial? In your time, yes, but nowadays shut up! Besides, these are\\n adult stemcells,\\n harvested from perfectly healthy adults whom I killed for their stemcells. Bender?! You stole the atom.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n styles: [\\n `\\n .cvi-steps {\\n --current-step: \'2\';\\n }\\n `,\\n ],\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n
    \\n\\n
    \\n

    Section Two

    \\n

    Happily wall anything pleasant court made vegetable freedom printed plate education six longer anyway mill forty active manufacturing struggle darkness teach round further handle.

    \\n

    so image across automobile twenty how some fight earn fireplace elephant flow cat slightly factor free mighty most fox taken seldom rhyme especially upper.

    \\n
    \\n\\n
    \\n

    Section Three

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of\\n peace and an age of failing crops.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    When the moment comes that one becomes many and many becomes one, a man\\n clad in green shall bring forth the dawn of evil and a time of peace.

    \\n

    The day the rain returns, a victory shall mark an end to hunger and the\\n end of wealth.

    \\n

    As soon as the sun turns dark, a sudden death shall cause a generation of\\n health and an age of misfortune.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It\\n has a glowing snout, camouflaged fur and fat legs. They\'re generally timid\\n by nature and can often be found near sanctuaries. If you\'re out looking\\n for them they can often be seen on their own. It tends to attack with\\n Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has\\n stubby fins, pure white scales and a cavernous mouth. They\'re generally\\n energetic by nature and can often be found during a blizzard. If you\'re\\n out looking for them they can often be seen among many other kinds of\\n Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.

    \\n
    \\n\\n
    \\n

    Section Four

    \\n

    When the moment comes that the dead rise, the accused shall cause an age\\n of lawlessness.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It\\n has snowy legs, an icicle covered tail and frosty ears. They\'re generally\\n playful by nature and can often be found in winter. If you\'re out looking\\n for them they can often be seen lurking about and on their own. It tends\\n to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no\\n known evolutions.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall\\n bring the end of leadership.

    \\n

    \\"Too decorous, Comrade Jackson. I came over here principally, it is true,\\n to be at your side, should you be in any way persecuted by scoundrels. But\\n at the same time I confess that at the back of my mind there lurked a hope\\n that stirring adventures might come my way. I had heard so much of the\\n place. Report had it that an earnest seeker after amusement might have a\\n tolerably spacious rag in this modern Byzantium. I thought that a few\\n weeks here might restore that keen edge to my nervous system which the\\n languor of the past term had in a measure blunted. I wished my visit to be\\n a tonic rather than a sedative. I anticipated that on my return the cry\\n would go round Cambridge, \'Psmith has been to New York. He is full of\\n oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is\\n hot stuff. Rah!\' But what do we find?\\"

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green\\n shall bring forth a rise of faith.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    By the time that Pugsy returned, carrying a five-cent bottle of milk, the\\n animal had vacated the book-shelf, and was sitting on the table, washing\\n her face. The milk having been poured into the lid of a tobacco-tin, in\\n lieu of a saucer, she suspended her operations and adjourned for\\n refreshments. Billy, business being business, turned again to Luella\\n Granville Waterman, but Pugsy, having no immediate duties on hand,\\n concentrated himself on the cat.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young\\n man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right\\n here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth\\n bloodshed of blue blood and the return of monsters.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n

    Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    \\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"

    \\n

    It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.

    \\n

    As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n
    \\n
    \\n

    Section One

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n

    Section Two

    \\n

    \\n Billy Windsor had started life twenty-five years before this story\\n opens on his father\'s ranch in Wyoming. From there he had gone to a\\n local paper of the type whose Society column consists of such items as\\n \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap\\n skates. We take this opportunity of once more informing Jim that he is\\n a liar and a skunk,\\" and whose editor works with a revolver on his\\n desk and another in his hip-pocket. Graduating from this, he had\\n proceeded to a reporter\'s post on a daily paper in a Kentucky town,\\n where there were blood feuds and other Southern devices for preventing\\n life from becoming dull. All this time New York, the magnet, had been\\n tugging at him. All reporters dream of reaching New York. At last,\\n after four years on the Kentucky paper, he had come East, minus the\\n lobe of one ear and plus a long scar that ran diagonally across his\\n left shoulder, and had worked without much success as a free-lance. He\\n was tough and ready for anything that might come his way, but these\\n things are a great deal a matter of luck. The cub-reporter cannot make\\n a name for himself unless he is favoured by fortune. Things had not\\n come Billy Windsor\'s way. His work had been confined to turning in\\n reports of fires and small street accidents, which the various papers\\n to which he supplied them cut down to a couple of inches.\\n

    \\n
    \\n
    \\n

    Section Three

    \\n

    \\n A waiter made an ingratiating gesture towards the basket, but the\\n young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays\\n right here.\\" He placed it carefully on the floor beside his chair, and\\n proceeded to order dinner.\\n

    \\n
    \\n
    \\n

    Section Four

    \\n

    \\n \\"Too decorous, Comrade Jackson. I came over here principally, it is\\n true, to be at your side, should you be in any way persecuted by\\n scoundrels. But at the same time I confess that at the back of my mind\\n there lurked a hope that stirring adventures might come my way. I had\\n heard so much of the place. Report had it that an earnest seeker after\\n amusement might have a tolerably spacious rag in this modern\\n Byzantium. I thought that a few weeks here might restore that keen\\n edge to my nervous system which the languor of the past term had in a\\n measure blunted. I wished my visit to be a tonic rather than a\\n sedative. I anticipated that on my return the cry would go round\\n Cambridge, \'Psmith has been to New York. He is full of oats. For he on\\n honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff.\\n Rah!\' But what do we find?\\"\\n

    \\n
    \\n
    \\n

    Section Five

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    Sisukord

    \\n \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsItemComponent\\n) => ({\\n component: TableOfContentsItemComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom header with custom HTML and a button

    \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateEdgeTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n

    When tooltip elements are located near the right or left side of the window,

    \\n

    the tooltip is not centered above the element. Instead, tooltips are moved

    \\n

    away from the sides to prevent being hidden behind the edge.

    \\n     \\n     \\n\\n
    \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n Some words here\\n \\n
    \\n `,\\n})"},{"name":"TemplateError","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateHeaderTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipDirective\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n
    \\n\\n \\n \\n

    When tooltip elements are located near the top edge of the window,

    \\n

    the tooltip is hidden above the window edge. To avoid this problem,

    \\n

    tooltip should not be placed to the top of the window.

    \\n     \\n     \\n `,\\n})"},{"name":"TemplateHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom title with custom HTML and a flag

    \\n \\n \\n \\n \\n \\n \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateInContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HtmlSectionComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n styles: [\\n `.container {\\n width: 400px;\\n background-color: var(--cvi-color-black-coral-2);\\n padding: 20px;\\n }`,\\n ],\\n})"},{"name":"TemplateManyItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Button 1\\n Button with another label\\n Button 3\\n Button 4\\n Button the Fifth\\n Button of the Lucky Scrambler\\n Button numero Seven\\n Button 8\\n Button 9\\n \\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n \\n `,\\n})"},{"name":"TemplateNestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n This story is to verify a bug where a nested track with horizontalAlignment=left can\'t override the same prop of an ancestor track.
    Here, the parent track is set to right and nested track to left. The nested track therefore must not align to right for the correct behaviour.    \\n \\n
    Item 1
    \\n \\n
    Nested track with horizontalAlignment=\\"left\\": Item 2.1
    And some filler easy view fifty tell string park its easier large read help ship younger rising gate hundred silk policeman dear hidden powerful table further mission
    \\n
    Nested track: Item 2.2
    \\n     \\n     \\n `,\\n})"},{"name":"TemplateObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n labels$: from([[\'First\', \'Second\', \'Third\']]).pipe(\\n concatMap((item) => of(item).pipe(delay(withObservableTitlesDelay)))\\n ),\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n {{ label }}\\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    When hovering on the questionmark, a tooltip appears.

    \\n

    When clicking just on the tooltip, nothing should happen.

    \\n

    When clicking on just the button but not the tooltip, a box appears.

    \\n

    Clicking on a tooltip should not activate any other elements.

    \\n     \\n\\n \\n \\n Click\\n \\n \\n \\n \\n\\n \\n

    This should only appear when clicking on a button, not on the tooltip

    \\n     \\n `,\\n})"},{"name":"TemplateOpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n progress$: from([20, 40, 60, 80, 100]).pipe(\\n concatMap((item) => of(item).pipe(delay(800)))\\n ),\\n },\\n template: `\\n \\n {{ progress }}\\n \\n `,\\n})"},{"name":"TemplateSuccess","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n Lisainfo\\n     \\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateWithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: LabeledIconComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n `\\n ::ng-deep .icon-wrapper-class {\\n border: 1px green solid;\\n }\\n `,\\n ],\\n})"},{"name":"TemplateWithFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n

    This story compares two layout methods, with some adaptations made for using track with form items.

    \\n

    In the first track CSS flex layout is used, so the last item may expand to full width in a separate row if it lacks space. Note that setting CSS variables for cvi-textfield component may be required.

    \\n

    In the second track CSS grid layout is used, so the size of all items will always be the same.

    \\n

    You can use controls below in \\"Playground\\" section to add more items.

    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: BreadcrumbsComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n
    \\n {{ content }}\\n \\n \\n \\n
    \\n     \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n\\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream.\\n Except you were there, and you were there, and you were there! And when we\\n woke up, we had these bodies. I could if you hadn\'t turned on the light and\\n shut off my stereo.\\n\\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n \\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"TemplateWithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n

    Modal 1 content

    \\n \\n

    {{ testModalTitle }}

    \\n

    Modal 2 content

    \\n     \\n Open modal 2 inside modal 1\\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateWithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateWithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateWithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableOfContentsWrapperComponent) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithStepStatus","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Status is set to \'null\'.\\n \\n \\n \\n \\n Success status!\\n \\n \\n \\n \\n Status is not set.\\n \\n \\n \\n \\n Error status!\\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n To change color of an icon, just add fill CSS property either to icon component selector itself or its ancestor. It is not required to apply fill to SVG node itself.\\n \\n
    \\n \\n
    \\n `,\\n styles: [\\n `.wrapper-class {\\n fill: red;\\n }`,\\n ],\\n})"},{"name":"TemplateWithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"TemplateWithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null),\\n });\\n\\n return {\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n form: form,\\n },\\n /* template */\\n template: `\\n \\n\\n \\n \\n \\n \\n \\n \\n \\n Lisa uus sündmusteenus\\n \\n \\n \\n\\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n\\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n };\\n}"},{"name":"TemplateWithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n     \\n `,\\n})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"textareaComponentProvider","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => TextareaComponent),\\n multi: true,\\n}"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"title","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"string","defaultValue":"\'Did you find what you were looking for?\'"},{"name":"TOAST_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'ToastConfig\')"},{"name":"Tooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TooltipNearSideEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateEdgeTest.bind({})"},{"name":"TooltipNearTopEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeaderTest.bind({})"},{"name":"TooltipOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOnButton.bind({})"},{"name":"TooltipWithCustomZIndex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"UserCanAddItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"UserCanAddItemsTemplate.bind({})"},{"name":"UserCanAddItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n function addItem(text: string) {\\n return text;\\n }\\n\\n return {\\n props: {\\n ...args,\\n addItemFn: addItem,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"Vertical","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithBoundValues","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithBoundValuesTemplate.bind({})"},{"name":"WithBoundValuesTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n \\n Use bindValue and bindLabel inputs if you need to use custom item object properties, but don\'t want to supply fancy templates for option or selected value.\\n \\n
    \\n
    \\n \\n \\n \\n \\n
    \\n
    \\n
    Selected value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCompactSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndCustomIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomBorderColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CustomBorderTemplate.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateCustomHeader.bind({})"},{"name":"WithCustomHeadingLevels","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomPlaceholder","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomStyling.bind({})"},{"name":"WithCustomValueFormatting","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithCustomValueFormattingTemplate.bind(\\n {}\\n)"},{"name":"WithCustomValueFormattingTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n
    \\n \\n \\n \\n `,\\n})"},{"name":"WithDisabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithEqualSizeFormItemsFlexRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridCol","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFlexLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormGroupTemplate.bind({})"},{"name":"WithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItemsComplex.bind({})"},{"name":"WithGridLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"},{"name":"WithHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHTMLInTitle.bind({})"},{"name":"WithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithHTMLSections.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIconAfter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconBefore","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithIconsTemplate.bind({})"},{"name":"WithIconSmall","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FeedbackComponent\\n) => ({\\n props: args,\\n})"},{"name":"WithInlineFormElements","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithInlineFormElementsTemplate.bind({})"},{"name":"WithInlineFormElementsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: {\\n ...args,\\n items: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n The goal of this story is to verify that height of inline form components is the same.\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"WithLightTheme","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithModalInsideModal.bind({})"},{"name":"WithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithMultipleAsideItems.bind({})"},{"name":"WithNoTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateObservableTitles.bind({})"},{"name":"withObservableTitlesDelay","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"1000"},{"name":"WithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithoutTitle.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateProgress.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithProgress.bind({})"},{"name":"WithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithRandomText.bind({})"},{"name":"WithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSeverity.bind({})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepsAndHeadingsWithIds.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepStatuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepStatus.bind({})"},{"name":"WithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStyling.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSuffixIcon.bind({})"},{"name":"WithTextarea","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithTextareaTemplate.bind({})"},{"name":"WithTextareaTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"},{"name":"WithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithToolbar.bind({})"},{"name":"WithTooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithTranslations.bind({})"}],"functions":[{"name":"baseBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'"},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'"}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'","tagName":{"text":"param"}}]},{"name":"defaultBoxes","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"dottedBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"HttpLoaderFactory","file":"apps/ria/src/app/app.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"HttpLoaderFactory","file":"libs/storybook/src/lib/storybook.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"icons","file":"libs/icons/src/lib/icons.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"},{"name":"isBottomOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]},{"name":"isTopOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]},{"name":"storybook","file":"libs/storybook/src/lib/storybook.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"},{"name":"styles","file":"libs/styles/src/lib/styles.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}],"typealiases":[{"name":"AddItemFn","ctype":"miscellaneous","subtype":"typealias","rawtype":"function","file":"libs/ui/src/lib/select/select.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":178},{"name":"ArgsWithRepeatableFormItems","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187},{"name":"AttrNameValuePair","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"none\\" | \\"success\\" | \\"error\\" | \\"info\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleSeverityProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleSeverityPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleTheme","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"dark\\" | \\"light\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleThemeProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleThemePropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"Device","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"desktop\\" | \\"tablet\\" | \\"mobile\\"","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"FormMessageSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"warning\\" | \\"error\\"","file":"libs/ui/src/lib/form-message/form-message.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"Gap","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":193},{"name":"LabeledIconPosition","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"before\\" | \\"after\\"","file":"libs/ui/src/lib/icons/icon-position.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"LabeledIconVerticalAlignment","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"normal\\" | \\"center\\"","file":"libs/ui/src/lib/icons/labeled-icon/vertical-alignment.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"Mapped","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":188},{"name":"MAXIMUM_ALLOWED_GAP_IN_UNITS","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":195},{"name":"NotificationSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\" | \\"error\\" | \\"neutral\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"NotificationSize","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"regular\\" | \\"compact\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"StatusBadgeCustomProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeCustomPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\"","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"TimedNoticeAsideItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"TimedNoticeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"error\\"","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"TocItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"TooltipComponentWithCustomArgs","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187},{"name":"ValidationType","ctype":"miscellaneous","subtype":"typealias","rawtype":"null | \\"positiveNumbers\\"","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"enumerations":[{"name":"ButtonAppearance","childs":[{"name":"PRIMARY","deprecated":false,"deprecationMessage":"","value":"primary"},{"name":"SECONDARY","deprecated":false,"deprecationMessage":"","value":"secondary"},{"name":"TEXT","deprecated":false,"deprecationMessage":"","value":"text"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"},{"name":"ButtonSize","childs":[{"name":"S","deprecated":false,"deprecationMessage":"","value":"s"},{"name":"M","deprecated":false,"deprecationMessage":"","value":"m"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"},{"name":"RadioGroupAppearance","childs":[{"name":"REGULAR","deprecated":false,"deprecationMessage":"","value":"regular"},{"name":"COMPACT","deprecated":false,"deprecationMessage":"","value":"compact"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.ts"}],"groupedVariables":{"libs/ui/src/lib/track/track.component.stories.ts":[{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (flex only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (grid only)\',\\n },\\n}"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ItemsCenteredHorizontally","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ItemsCenteredVertically","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Multiline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"},{"name":"NestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateNestedTracks.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Cancel\\n Submit\\n \\n `,\\n})"},{"name":"TemplateManyItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Button 1\\n Button with another label\\n Button 3\\n Button 4\\n Button the Fifth\\n Button of the Lucky Scrambler\\n Button numero Seven\\n Button 8\\n Button 9\\n \\n `,\\n})"},{"name":"TemplateNestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n This story is to verify a bug where a nested track with horizontalAlignment=left can\'t override the same prop of an ancestor track.
    Here, the parent track is set to right and nested track to left. The nested track therefore must not align to right for the correct behaviour.    \\n \\n
    Item 1
    \\n \\n
    Nested track with horizontalAlignment=\\"left\\": Item 2.1
    And some filler easy view fifty tell string park its easier large read help ship younger rising gate hundred silk policeman dear hidden powerful table further mission
    \\n
    Nested track: Item 2.2
    \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n

    This story compares two layout methods, with some adaptations made for using track with form items.

    \\n

    In the first track CSS flex layout is used, so the last item may expand to full width in a separate row if it lacks space. Note that setting CSS variables for cvi-textfield component may be required.

    \\n

    In the second track CSS grid layout is used, so the size of all items will always be the same.

    \\n

    You can use controls below in \\"Playground\\" section to add more items.

    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Vertical","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithEqualSizeFormItemsFlexRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridCol","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFlexLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItemsComplex.bind({})"},{"name":"WithGridLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"}],"libs/ui/src/lib/track/track.html.stories.ts":[{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (flex only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (grid only)\',\\n },\\n}"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/input/input.component.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: InputComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n function disableInput() {\\n form.controls.item.disable();\\n }\\n\\n function enableInput() {\\n form.controls.item.enable();\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n disableInput,\\n enableInput,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n Disable input\\n Enable input\\n \\n
    \\n\\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/input/input.html.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    0 / 10
    \\n
    \\n
    \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n
    \\n `,\\n})"},{"name":"TemplateWithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSuffixIcon.bind({})"}],"libs/ui/src/lib/textarea/textarea.component.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"FormGroupTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n minRows: 3,\\n selectedValue: selectedValue,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    Inserted value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TextareaComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormGroupTemplate.bind({})"}],"libs/ui/src/lib/textarea/textarea.html.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n
    0 / 2000
    \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"}],"libs/ui/src/lib/circle/circle.ts":[{"name":"circleSeverityPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleSeverityPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'none\',\\n properties: {\\n // Note that literal, non CSS-variable-like values like this need special treatment in the component logic\\n \'--background-color\': \'transparent\',\\n \'--progress-background-color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'success\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sea-green-10\',\\n \'--progress-background-color\': \'--cvi-color-sea-green-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'error\',\\n properties: {\\n \'--background-color\': \'--cvi-color-jasper-10\',\\n \'--progress-background-color\': \'--cvi-color-jasper-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'info\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--progress-background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"},{"name":"circleThemePropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleThemePropertyGroup[]","defaultValue":"[\\n {\\n theme: \'dark\',\\n properties: {\\n \'--border-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-sapphire-blue-13\',\\n },\\n },\\n {\\n theme: \'light\',\\n properties: {\\n \'--border-color\': \'--cvi-color-white\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"}],"libs/storybook/src/lib/storybook.module.ts":[{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/storybook.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n StorybookColorCardsComponent,\\n StorybookColorCardComponent,\\n StorybookIconCardsComponent,\\n StorybookIconCardComponent,\\n StorybookTypeTesterComponent,\\n StorybookNoteComponent,\\n StorybookSpacingSpecimenComponent,\\n StorybookSpacingSpecimenItemComponent,\\n StorybookRandomParagraphsDirective,\\n StorybookCurrentComponentDirective,\\n StorybookInputDirective,\\n]"}],"libs/ui/src/lib/ui.module.ts":[{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n TrackComponent,\\n ContentContainerComponent,\\n ContentPanelComponent,\\n StatusBadgeComponent,\\n ButtonComponent,\\n InputComponent,\\n FormItemComponent,\\n IconComponent,\\n LabeledIconComponent,\\n StepsComponent,\\n StepComponent,\\n StepPanelComponent,\\n RadioGroupComponent,\\n RadioButtonComponent,\\n OptionButtonComponent,\\n FeedbackComponent,\\n TextareaComponent,\\n HtmlSectionComponent,\\n AccordionComponent,\\n AccordionItemDirective,\\n AccordionContentDirective,\\n AccordionTitleDirective,\\n AccordionHeaderDirective,\\n TableOfContentsSectionDirective,\\n TableOfContentsWrapperComponent,\\n TableOfContentsComponent,\\n TableOfContentsItemComponent,\\n GeneratedTableOfContentsComponent,\\n NotificationComponent,\\n BreadcrumbsComponent,\\n SelectComponent,\\n SelectNavigationDirective,\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n DataAttributeDirective,\\n TooltipComponent,\\n TooltipDirective,\\n TabComponent,\\n TabGroupComponent,\\n TabsComponent,\\n ToastComponent,\\n ToastContainerComponent,\\n CharacterCounterComponent,\\n CharacterCounterDirective,\\n ModalComponent,\\n ModalDirective,\\n ConfirmationModalComponent,\\n ReorderableListComponent,\\n ReorderableListItemComponent,\\n TableComponent,\\n ScreenreaderTextComponent,\\n BodyCellComponent,\\n HeaderCellComponent,\\n DatepickerComponent,\\n DatepickerCalendarComponent,\\n TimedNoticeComponent,\\n FormMessageComponent,\\n FormMessageDirective,\\n CircleComponent,\\n]"},{"name":"directives","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[DataAttributeDirective]"},{"name":"pipes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n SafeHtmlPipe,\\n NotificationSeverityToHeaderIconPipe,\\n TimedNoticeSeverityToIconPipe,\\n FormMessageSeverityToHeaderIconPipe,\\n ToStepCircleSeverityPipe,\\n ToStepCircleIconNamePipe,\\n]"}],"libs/ui/src/lib/circle/circle.component.stories.ts":[{"name":"CustomBorderTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: CircleComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"TemplateProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n progress$: from([20, 40, 60, 80, 100]).pipe(\\n concatMap((item) => of(item).pipe(delay(800)))\\n ),\\n },\\n template: `\\n \\n {{ progress }}\\n \\n `,\\n})"},{"name":"WithCustomBorderColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CustomBorderTemplate.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithLightTheme","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateProgress.bind({})"}],"libs/ui/src/lib/directives/data-attribute.directive.ts":[{"name":"DATA_ATTRIBUTE_TOKEN","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/directives/data-attribute.directive.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\\n \'DATA_ATTRIBUTE_TOKEN\',\\n {\\n providedIn: \'root\',\\n factory: () => \'cy\',\\n }\\n)"}],"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts":[{"name":"DATEPICKER_LABEL_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'datepicker.label.config\')"}],"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HierarchicalBoxDiagramComponent\\n) => ({\\n props: args,\\n})"}],"libs/ui/src/lib/accordion/accordion.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: AccordionComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n \\n \\n Qua qua\\n \\n \\n \\n \\n Howdy!\\n \\n \\n \\n \\n One helluva content\\n \\n \\n \\n \\n

    {{elem.content}}

    \\n     \\n \\n     \\n `,\\n})"},{"name":"TemplateCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom header with custom HTML and a button

    \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom title with custom HTML and a flag

    \\n \\n \\n \\n \\n \\n \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"WithCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateCustomHeader.bind({})"},{"name":"WithHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHTMLInTitle.bind({})"}],"libs/ui/src/lib/accordion/accordion.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
      \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Viimati muudetud 23.12.2023 | Teksti koostas Justiitsministeerium\\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Che cosa...\\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Not possible to see me!\\n
      \\n
      \\n
      • \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: BreadcrumbsComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: BreadcrumbsComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n `,\\n})"}],"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/button/button.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ButtonComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconBefore","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconSmall","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/button/button.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"}],"libs/ui/src/lib/circle/circle.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithProgress.bind({})"},{"name":"WithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSeverity.bind({})"}],"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"}],"libs/ui/src/lib/content-panel/content-panel.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentPanelComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"WithNoTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/content-panel/content-panel.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    {{ title }}

    \\n {{ content }}\\n
    \\n `,\\n})"}],"libs/ui/src/lib/content-container/content-container.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentContainerComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"}],"libs/ui/src/lib/content-container/content-container.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n {{ content }}\\n
    \\n `,\\n})"}],"libs/ui/src/lib/datepicker/datepicker.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: DatepickerComponent\\n) => {\\n const form = new FormGroup({\\n date: new FormControl(\'04.05.2023\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.date.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"OnNonWhiteBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: DatepickerComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"WithCustomPlaceholder","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithDisabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"}],"libs/ui/src/lib/datepicker/datepicker.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Nõutud kuupäeva formaat: dd.MM.yyyy\\n \\n
    \\n \\n
    \\n
    \\n
    06.06.2023
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    Juuni 2023
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    E
    \\n
    T
    \\n
    K
    \\n
    N
    \\n
    R
    \\n
    L
    \\n
    P
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/form-item/form-item.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormItemComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"},{"name":"WithInlineFormElements","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithInlineFormElementsTemplate.bind({})"},{"name":"WithInlineFormElementsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: {\\n ...args,\\n items: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n The goal of this story is to verify that height of inline form components is the same.\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"WithTextarea","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithTextareaTemplate.bind({})"},{"name":"WithTextareaTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/form-item/form-item.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n `,\\n})"}],"libs/ui/src/lib/form-message/form-message.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormMessageComponent) => ({\\n props: {\\n ...args,\\n selectItems: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/html-section/html-section.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"InContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateInContactsBlock.bind({})"},{"name":"List","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: HtmlSectionComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateInContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HtmlSectionComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n styles: [\\n `.container {\\n width: 400px;\\n background-color: var(--cvi-color-black-coral-2);\\n padding: 20px;\\n }`,\\n ],\\n})"}],"libs/ui/src/lib/html-section/html-section.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Some title

    \\n
    \\n
    \\n

    Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

    \\n
    \\n
    \\n

    Ordered list

    \\n
      \\n
    1. Item 1
      2. \\n
    2. Item 2
      3. \\n
    \\n

    Unordered list

    \\n
      \\n
    • Item 1
      • \\n
    • Item 2
      • \\n
    • Item 3
      • \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/modal/modal.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ModalComponent) => ({\\n props: args,\\n template: `\\n \\n

    {{ testModalTitle }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateWithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n

    Modal 1 content

    \\n \\n

    {{ testModalTitle }}

    \\n

    Modal 2 content

    \\n     \\n Open modal 2 inside modal 1\\n     \\n Open modal\\n `,\\n})"},{"name":"WithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithModalInsideModal.bind({})"}],"libs/ui/src/lib/modal/modal.directive.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"ModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpenWithoutButton.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    {{ title }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n \\n `,\\n})"},{"name":"TemplateWithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"WithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithoutTitle.bind({})"}],"libs/ui/src/lib/modal/modal.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n

    Hi!

    \\n
    \\n

    I\'m modal

    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/notification/notification.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Neutral","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: NotificationComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{content}}\\n \\n `,\\n})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndCustomIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/notification/notification.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n
    \\n
    \\n \\n \\n \\n \\n \\n
    \\n

    Notification title

    \\n
    \\n
    \\n Some content for the notification that might be excessively long and contain some parts that are not very important.\\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ScreenreaderTextComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"}],"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"}],"libs/ui/src/lib/select/select.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Disabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledTemplate.bind({})"},{"name":"DisabledBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledBackgroundTemplate.bind({})"},{"name":"DisabledBackgroundTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"DisabledTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Form","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    Selected value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"LoadingState","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"LoadingStateTemplate.bind({})"},{"name":"LoadingStateTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"ObjectsAsItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ObjectsAsItemsTemplate.bind({})"},{"name":"ObjectsAsItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n searchFn: (term: string, item: any) => {\\n console.log(\'custom searchFn works!\');\\n return (\\n `${item.name} (${item.code})`\\n .toLowerCase()\\n .indexOf(term.toLowerCase()) > -1\\n );\\n },\\n valueFormatFn: (item: any) => `${item.name} (${item.code})`,\\n },\\n /* template */\\n template: `\\n \\n Use this approach when you provide objects as items and need to mix and match different properties of an item object in an option template. In addition to templates, you need to supply valueFormatFn input as well, in order for the chosen value to appear correctly.\\n \\n
    \\n \\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n \\n
    \\n `,\\n})"},{"name":"SortedItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"SortedItemsTemplate.bind({})"},{"name":"SortedItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n function sortItemsFn(a: string, b: string): number {\\n return a.localeCompare(b, \'et\');\\n }\\n\\n return {\\n props: {\\n ...args,\\n sortItemsFn: sortItemsFn,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"UserCanAddItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"UserCanAddItemsTemplate.bind({})"},{"name":"UserCanAddItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n function addItem(text: string) {\\n return text;\\n }\\n\\n return {\\n props: {\\n ...args,\\n addItemFn: addItem,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"WithBoundValues","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithBoundValuesTemplate.bind({})"},{"name":"WithBoundValuesTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n \\n Use bindValue and bindLabel inputs if you need to use custom item object properties, but don\'t want to supply fancy templates for option or selected value.\\n \\n
    \\n
    \\n \\n \\n \\n \\n
    \\n
    \\n
    Selected value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"WithCustomValueFormatting","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithCustomValueFormattingTemplate.bind(\\n {}\\n)"},{"name":"WithCustomValueFormattingTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n
    \\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/select/select.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    {{ placeholder }}
    \\n
    \\n
    \\n \\n
    \\n \\n \\n \\n \\n \\n
    \\n
    \\n
    \\n
      \\n
    • \\n Item 1 that is not that short but actually quite long\\n
      • \\n
    • \\n Current item 2\\n
      • \\n
    • \\n Item selected from keyboard\\n
      • \\n
    • \\n Item 4\\n
      • \\n
    • \\n Item 5\\n
      • \\n
    • \\n Item 6 with a very long text spanning many lines\\n
      • \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/status-badge/status-badge.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StatusBadgeComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"WithTooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/status-badge/status-badge.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    {{ content }}
    \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n
    \\n {{ content }}\\n \\n \\n \\n
    \\n     \\n `,\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"}],"libs/ui/src/lib/table/table.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"getStatusBadgeLabelBySeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"(severity: any) =>\\n statuses.find((st: any) => st.severity === severity)?.label"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"statuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n {\\n severity: \'info\',\\n label: \'Avaldamise ootel\',\\n },\\n {\\n severity: \'warning\',\\n label: \'Mustand\',\\n },\\n {\\n severity: \'success\',\\n label: \'Avaldatud\',\\n },\\n]"},{"name":"Tablet","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => ({\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null),\\n });\\n\\n return {\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n form: form,\\n },\\n /* template */\\n template: `\\n \\n\\n \\n \\n \\n \\n \\n \\n \\n Lisa uus sündmusteenus\\n \\n \\n \\n\\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n\\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n };\\n}"},{"name":"WithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithToolbar.bind({})"}],"libs/ui/src/lib/table/table.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    Sündmusteenus
    \\n     		\\n
    Staatus
    \\n     		\\n
    Viimati muudetud
    \\n
    \\n
    Abiellumine
    \\n     		\\n
    Mustand
    \\n     		\\n
    2021-07-15
    \\n     		\\n
    \\n
    \\n \\n \\n
    \\n
    \\n
    \\n
    Meteoroloogiateenistus
    \\n     		\\n
    Avaldatud
    \\n     		\\n
    2018-07-17
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    Geoloogilise luure teenistus
    \\n     		\\n
    Avaldamise ootel
    \\n     		\\n
    2016-07-05
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/tabs/tab-group.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabGroupComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n\\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream.\\n Except you were there, and you were there, and you were there! And when we\\n woke up, we had these bodies. I could if you hadn\'t turned on the light and\\n shut off my stereo.\\n\\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"}],"libs/ui/src/lib/tabs/tab-group.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"}],"libs/ui/src/lib/tabs/tabs.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n \\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"}],"libs/ui/src/lib/tabs/tabs.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n
    \\n \\n Tab 1\\n \\n \\n \\n \\n \\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"}],"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateError.bind({})"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateSuccess.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TimedNoticeComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateError","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateSuccess","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n Lisainfo\\n     \\n `,\\n})"},{"name":"TemplateWithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"WithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithMultipleAsideItems.bind({})"}],"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n \\n \\n \\n kohustust täitma\\n \\n    \\n `,\\n})"}],"libs/ui/src/lib/toast/toast.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n

    \\n \\n \\n \\n \\n \\n {{ title }}\\n \\n

    \\n
    {{ content }}
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/toast/toast.service.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOpenOnLoad.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateOpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"}],"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n

    \\n Hover over this element to display tooltip\\n

    \\n `,\\n})"},{"name":"TemplateEdgeTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n

    When tooltip elements are located near the right or left side of the window,

    \\n

    the tooltip is not centered above the element. Instead, tooltips are moved

    \\n

    away from the sides to prevent being hidden behind the edge.

    \\n     \\n     \\n\\n
    \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n Some words here\\n \\n
    \\n `,\\n})"},{"name":"TemplateHeaderTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipDirective\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n
    \\n\\n \\n \\n

    When tooltip elements are located near the top edge of the window,

    \\n

    the tooltip is hidden above the window edge. To avoid this problem,

    \\n

    tooltip should not be placed to the top of the window.

    \\n     \\n     \\n `,\\n})"},{"name":"TemplateOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    When hovering on the questionmark, a tooltip appears.

    \\n

    When clicking just on the tooltip, nothing should happen.

    \\n

    When clicking on just the button but not the tooltip, a box appears.

    \\n

    Clicking on a tooltip should not activate any other elements.

    \\n     \\n\\n \\n \\n Click\\n \\n \\n \\n \\n\\n \\n

    This should only appear when clicking on a button, not on the tooltip

    \\n     \\n `,\\n})"},{"name":"TooltipNearSideEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateEdgeTest.bind({})"},{"name":"TooltipNearTopEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeaderTest.bind({})"},{"name":"TooltipOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOnButton.bind({})"}],"libs/ui/src/lib/tooltip/tooltip.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n
    \\n
    \\n This is a tooltip\\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"options","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n]"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FeedbackComponent) => ({\\n props: args,\\n})"},{"name":"title","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"string","defaultValue":"\'Did you find what you were looking for?\'"},{"name":"WithIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithIconsTemplate.bind({})"},{"name":"WithIconsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FeedbackComponent\\n) => ({\\n props: args,\\n})"}],"libs/ui/src/lib/icons/icon/icon.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateWithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n To change color of an icon, just add fill CSS property either to icon component selector itself or its ancestor. It is not required to apply fill to SVG node itself.\\n \\n
    \\n \\n
    \\n `,\\n styles: [\\n `.wrapper-class {\\n fill: red;\\n }`,\\n ],\\n})"},{"name":"WithCustomSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStyling.bind({})"}],"libs/ui/src/lib/icons/icon/icon.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: LabeledIconComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateWithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: LabeledIconComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n `\\n ::ng-deep .icon-wrapper-class {\\n border: 1px green solid;\\n }\\n `,\\n ],\\n})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomStyling.bind({})"},{"name":"WithIconAfter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n
    {{ content }}
    \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: RadioGroupComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ReorderableListMultipleFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListMultipleTracksAndFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleTracksAndFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleTracksAndFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListSingleFormItem","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListSingleFormItemTemplate.bind({})"},{"name":"ReorderableListSingleFormItemTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"}],"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n \\n
    2
    \\n \\n
    \\n
    And so am I
    \\n
    \\n
    \\n \\n
    \\n \\n
    1
    \\n \\n
    \\n
    Me as well
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/steps/step/step.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepComponent) => ({\\n component: StepComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Some content for the first step\\n \\n \\n \\n \\n Some more content\\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepPanelComponent) => ({\\n component: StepPanelComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ content }}\\n \\n \\n \\n \\n Some content\\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/steps/steps/steps.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"DefaultWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"MobileWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n return {\\n component: StepsComponent,\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n \\n \\n
    \\n Textarea, input and the character counter directive should work properly inside steps.\\n \\n \\n \\n
    \\n     \\n     \\n     \\n `,\\n };\\n}"},{"name":"TemplateObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n labels$: from([[\'First\', \'Second\', \'Third\']]).pipe(\\n concatMap((item) => of(item).pipe(delay(withObservableTitlesDelay)))\\n ),\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n {{ label }}\\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithStepStatus","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Status is set to \'null\'.\\n \\n \\n \\n \\n Success status!\\n \\n \\n \\n \\n Status is not set.\\n \\n \\n \\n \\n Error status!\\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n     \\n `,\\n})"},{"name":"WithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithHTMLSections.bind({})"},{"name":"WithObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateObservableTitles.bind({})"},{"name":"withObservableTitlesDelay","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"1000"},{"name":"WithStepStatuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepStatus.bind({})"},{"name":"WithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithTranslations.bind({})"}],"libs/ui/src/lib/steps/steps/steps.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Abiellumine

    \\n
    \\n

    You can now add custom content before steps

    \\n
    \\n
      \\n
    1. \\n
    \\n
    \\n \\n \\n 1\\n \\n Abiellumine\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n \\n \\n \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n \\n
    \\n
    \\n
    \\n

    Second

    \\n

    \\n Fetal stemcells, aren\'t those controversial? In your time, yes, but nowadays shut up! Besides, these are\\n adult stemcells,\\n harvested from perfectly healthy adults whom I killed for their stemcells. Bender?! You stole the atom.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n styles: [\\n `\\n .cvi-steps {\\n --current-step: \'2\';\\n }\\n `,\\n ],\\n})"}],"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n})"},{"name":"WithCustomHeadingLevels","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"}],"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n
    \\n\\n
    \\n

    Section Two

    \\n

    Happily wall anything pleasant court made vegetable freedom printed plate education six longer anyway mill forty active manufacturing struggle darkness teach round further handle.

    \\n

    so image across automobile twenty how some fight earn fireplace elephant flow cat slightly factor free mighty most fox taken seldom rhyme especially upper.

    \\n
    \\n\\n
    \\n

    Section Three

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of\\n peace and an age of failing crops.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    When the moment comes that one becomes many and many becomes one, a man\\n clad in green shall bring forth the dawn of evil and a time of peace.

    \\n

    The day the rain returns, a victory shall mark an end to hunger and the\\n end of wealth.

    \\n

    As soon as the sun turns dark, a sudden death shall cause a generation of\\n health and an age of misfortune.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It\\n has a glowing snout, camouflaged fur and fat legs. They\'re generally timid\\n by nature and can often be found near sanctuaries. If you\'re out looking\\n for them they can often be seen on their own. It tends to attack with\\n Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has\\n stubby fins, pure white scales and a cavernous mouth. They\'re generally\\n energetic by nature and can often be found during a blizzard. If you\'re\\n out looking for them they can often be seen among many other kinds of\\n Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.

    \\n
    \\n\\n
    \\n

    Section Four

    \\n

    When the moment comes that the dead rise, the accused shall cause an age\\n of lawlessness.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It\\n has snowy legs, an icicle covered tail and frosty ears. They\'re generally\\n playful by nature and can often be found in winter. If you\'re out looking\\n for them they can often be seen lurking about and on their own. It tends\\n to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no\\n known evolutions.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall\\n bring the end of leadership.

    \\n

    \\"Too decorous, Comrade Jackson. I came over here principally, it is true,\\n to be at your side, should you be in any way persecuted by scoundrels. But\\n at the same time I confess that at the back of my mind there lurked a hope\\n that stirring adventures might come my way. I had heard so much of the\\n place. Report had it that an earnest seeker after amusement might have a\\n tolerably spacious rag in this modern Byzantium. I thought that a few\\n weeks here might restore that keen edge to my nervous system which the\\n languor of the past term had in a measure blunted. I wished my visit to be\\n a tonic rather than a sedative. I anticipated that on my return the cry\\n would go round Cambridge, \'Psmith has been to New York. He is full of\\n oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is\\n hot stuff. Rah!\' But what do we find?\\"

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green\\n shall bring forth a rise of faith.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    By the time that Pugsy returned, carrying a five-cent bottle of milk, the\\n animal had vacated the book-shelf, and was sitting on the table, washing\\n her face. The milk having been poured into the lid of a tobacco-tin, in\\n lieu of a saucer, she suspended her operations and adjourned for\\n refreshments. Billy, business being business, turned again to Luella\\n Granville Waterman, but Pugsy, having no immediate duties on hand,\\n concentrated himself on the cat.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young\\n man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right\\n here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth\\n bloodshed of blue blood and the return of monsters.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n

    Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    \\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"

    \\n

    It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.

    \\n

    As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"WithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithRandomText.bind({})"}],"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"HeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeadingsWithIds.bind({})"},{"name":"InDebugMode","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableOfContentsWrapperComponent) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepsAndHeadingsWithIds.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"}],"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n
    \\n
    \\n

    Section One

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n

    Section Two

    \\n

    \\n Billy Windsor had started life twenty-five years before this story\\n opens on his father\'s ranch in Wyoming. From there he had gone to a\\n local paper of the type whose Society column consists of such items as\\n \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap\\n skates. We take this opportunity of once more informing Jim that he is\\n a liar and a skunk,\\" and whose editor works with a revolver on his\\n desk and another in his hip-pocket. Graduating from this, he had\\n proceeded to a reporter\'s post on a daily paper in a Kentucky town,\\n where there were blood feuds and other Southern devices for preventing\\n life from becoming dull. All this time New York, the magnet, had been\\n tugging at him. All reporters dream of reaching New York. At last,\\n after four years on the Kentucky paper, he had come East, minus the\\n lobe of one ear and plus a long scar that ran diagonally across his\\n left shoulder, and had worked without much success as a free-lance. He\\n was tough and ready for anything that might come his way, but these\\n things are a great deal a matter of luck. The cub-reporter cannot make\\n a name for himself unless he is favoured by fortune. Things had not\\n come Billy Windsor\'s way. His work had been confined to turning in\\n reports of fires and small street accidents, which the various papers\\n to which he supplied them cut down to a couple of inches.\\n

    \\n
    \\n
    \\n

    Section Three

    \\n

    \\n A waiter made an ingratiating gesture towards the basket, but the\\n young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays\\n right here.\\" He placed it carefully on the floor beside his chair, and\\n proceeded to order dinner.\\n

    \\n
    \\n
    \\n

    Section Four

    \\n

    \\n \\"Too decorous, Comrade Jackson. I came over here principally, it is\\n true, to be at your side, should you be in any way persecuted by\\n scoundrels. But at the same time I confess that at the back of my mind\\n there lurked a hope that stirring adventures might come my way. I had\\n heard so much of the place. Report had it that an earnest seeker after\\n amusement might have a tolerably spacious rag in this modern\\n Byzantium. I thought that a few weeks here might restore that keen\\n edge to my nervous system which the languor of the past term had in a\\n measure blunted. I wished my visit to be a tonic rather than a\\n sedative. I anticipated that on my return the cry would go round\\n Cambridge, \'Psmith has been to New York. He is full of oats. For he on\\n honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff.\\n Rah!\' But what do we find?\\"\\n

    \\n
    \\n
    \\n

    Section Five

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    Sisukord

    \\n \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsItemComponent\\n) => ({\\n component: TableOfContentsItemComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"}],"libs/ui/src/lib/toast/toast-config.ts":[{"name":"DefaultToastConfig","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"ToastConfig","defaultValue":"{\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n}"},{"name":"TOAST_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'ToastConfig\')"}],"apps/react-sandbox/src/environments/environment.prod.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"}],"apps/react-sandbox/src/environments/environment.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"}],"apps/ria/src/environments/environment.prod.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"}],"apps/ria/src/environments/environment.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"}],"apps/react-sandbox-e2e/src/support/app.po.ts":[{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"}],"apps/ria-e2e/src/support/app.po.ts":[{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/ria-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"}],"libs/ui/src/lib/icons/storybook-icons.ts":[{"name":"icons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Object.entries(iconsModule)\\n .filter((item) => item[0] !== \'completeIconSet\')\\n .map(([, v]) => v) as CviIcon[]"},{"name":"storybookIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"CviIcon[]","defaultValue":"icons"},{"name":"storybookIconsNames","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"icons.map((item) => item.name)"}],"libs/ui/src/lib/icons/icon/icon.ts":[{"name":"iconSizeDefault","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"24"}],"libs/ui/src/lib/input/input.component.ts":[{"name":"inputComponentValueAccessor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => InputComponent),\\n multi: true,\\n}"},{"name":"inputModes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'numeric\',\\n}"},{"name":"inputRegex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: /\\\\D/g,\\n}"},{"name":"patterns","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'[0-9]*\',\\n}"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts":[{"name":"nextUniqueId","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"0"}],"libs/ui/src/lib/status-badge/status-badge.ts":[{"name":"statusBadgeCustomPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","type":"StatusBadgeCustomPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'info\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sapphire-blue-10\',\\n \'--background-color\': \'--cvi-color-sapphire-blue-0\',\\n \'--border-color\': \'--cvi-color-sapphire-blue-10\',\\n },\\n },\\n {\\n severity: \'success\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sea-green-11\',\\n \'--background-color\': \'--cvi-color-sea-green-0\',\\n \'--border-color\': \'--cvi-color-sea-green-11\',\\n },\\n },\\n {\\n severity: \'warning\',\\n customProperties: {\\n \'--color\': \'--cvi-color-dark-tangerine-15\',\\n \'--background-color\': \'--cvi-color-dark-tangerine-1\',\\n \'--border-color\': \'--cvi-color-dark-tangerine-10\',\\n },\\n },\\n ]"}],"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts":[{"name":"storybookRandomParagraphs","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"[\\n `As soon as the sea swallows the earth, two brothers shall bring a rise of faith.`,\\n `It shall be then, when the ground shifts, a suspicious malfunction shall cause an age of misfortune and the downfall of an empire.`,\\n `When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.`,\\n `It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.`,\\n `It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.`,\\n `It shall be on the day that steel turns to rust, two enemies shall cause the toppling of leaders and the beginning of a better future.`,\\n `The day the rain returns, a victory shall mark an end to hunger and the end of wealth.`,\\n `When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.`,\\n `As soon as the sun turns dark, a sudden death shall cause a generation of health and an age of misfortune.`,\\n `The day fire burns blue, the prophet shall cause an age of anarchy.`,\\n `When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.`,\\n `When the moment comes that one becomes many and many becomes one, a man clad in green shall bring forth the dawn of evil and a time of peace.`,\\n `There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.`,\\n `When the day comes that the sky falls, a forced marriage shall bring forth an age of anarchy.`,\\n `Upon the day all is celebrated, a refusal shall cause the rise of education.`,\\n `The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.`,\\n `The day temptation is too strong, the foreign one shall bring forth an age of misfortune and the end of history.`,\\n `It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.`,\\n `When the moment comes that the dead rise, the accused shall cause an age of lawlessness.`,\\n `There comes a day when prey kills predator, the young one shall usher forth a strengthening of bonds and new aggressions.`,\\n `When the sky turns red, a marriage shall usher forth the end of history.`,\\n `Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.`,\\n `It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.`,\\n `Once the sky is thick with water, a forbidden relationship shall cause the downfall of two kingdoms.`,\\n `The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.`,\\n `Upon the day the rivers turn green, the stranger shall mark a shift in power.`,\\n `When the day comes that temptation is too strong, the guilty shall mark an age of justice and the dawn of men.`,\\n `As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.`,\\n `By profession he was a dealer in animals, birds, and snakes. He had a fancier\'s shop in Groome street, in the heart of the Bowery. This was on the ground-floor. His living abode was in the upper story of that house, and it was there that he kept the twenty-three cats whose necks were adorned with leather collars, and whose numbers had so recently been reduced to twenty-two. But it was not the fact that he possessed twenty-three cats with leather collars that made Mr. Jarvis a celebrity.`,\\n `Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.`,\\n `\\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"`,\\n `A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.`,\\n `\\"Too decorous, Comrade Jackson. I came over here principally, it is true, to be at your side, should you be in any way persecuted by scoundrels. But at the same time I confess that at the back of my mind there lurked a hope that stirring adventures might come my way. I had heard so much of the place. Report had it that an earnest seeker after amusement might have a tolerably spacious rag in this modern Byzantium. I thought that a few weeks here might restore that keen edge to my nervous system which the languor of the past term had in a measure blunted. I wished my visit to be a tonic rather than a sedative. I anticipated that on my return the cry would go round Cambridge, \'Psmith has been to New York. He is full of oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff. Rah!\' But what do we find?\\"`,\\n `Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.`,\\n `By the time that Pugsy returned, carrying a five-cent bottle of milk, the animal had vacated the book-shelf, and was sitting on the table, washing her face. The milk having been poured into the lid of a tobacco-tin, in lieu of a saucer, she suspended her operations and adjourned for refreshments. Billy, business being business, turned again to Luella Granville Waterman, but Pugsy, having no immediate duties on hand, concentrated himself on the cat.`,\\n `This Pokemon is a ground-type Pokemon and looks a lot like a rhinoceros. It has thick legs, a tusked mouth and broken ears. They\'re generally shy by nature and can often be found in mountainous areas. If you\'re out looking for them they can often be seen hidden away and on their own. It tends to attack with Spikes and Mud Bomb. It has evolved twice, but can still evolve once more.`,\\n `This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has stubby fins, pure white scales and a cavernous mouth. They\'re generally energetic by nature and can often be found during a blizzard. If you\'re out looking for them they can often be seen among many other kinds of Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.`,\\n `This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.`,\\n]"}],"libs/ui/src/lib/tooltip/tooltip.stories.ts":[{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipComponentWithCustomArgs\\n) => ({\\n props: {\\n ...args,\\n width: document.body.getBoundingClientRect().width,\\n height: document.body.getBoundingClientRect().height,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Tooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TooltipWithCustomZIndex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/textarea/textarea.component.ts":[{"name":"textareaComponentProvider","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => TextareaComponent),\\n multi: true,\\n}"}]},"groupedFunctions":{"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":[{"name":"baseBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'"},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'"}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'","tagName":{"text":"param"}}]},{"name":"defaultBoxes","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"dottedBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"apps/ria/src/app/app.module.ts":[{"name":"HttpLoaderFactory","file":"apps/ria/src/app/app.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"libs/storybook/src/lib/storybook.module.ts":[{"name":"HttpLoaderFactory","file":"libs/storybook/src/lib/storybook.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"libs/icons/src/lib/icons.ts":[{"name":"icons","file":"libs/icons/src/lib/icons.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}],"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts":[{"name":"isBottomOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]},{"name":"isTopOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]}],"libs/storybook/src/lib/storybook.ts":[{"name":"storybook","file":"libs/storybook/src/lib/storybook.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}],"libs/styles/src/lib/styles.ts":[{"name":"styles","file":"libs/styles/src/lib/styles.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}]},"groupedEnumerations":{"libs/ui/src/lib/button/button.ts":[{"name":"ButtonAppearance","childs":[{"name":"PRIMARY","deprecated":false,"deprecationMessage":"","value":"primary"},{"name":"SECONDARY","deprecated":false,"deprecationMessage":"","value":"secondary"},{"name":"TEXT","deprecated":false,"deprecationMessage":"","value":"text"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"},{"name":"ButtonSize","childs":[{"name":"S","deprecated":false,"deprecationMessage":"","value":"s"},{"name":"M","deprecated":false,"deprecationMessage":"","value":"m"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.ts":[{"name":"RadioGroupAppearance","childs":[{"name":"REGULAR","deprecated":false,"deprecationMessage":"","value":"regular"},{"name":"COMPACT","deprecated":false,"deprecationMessage":"","value":"compact"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.ts"}]},"groupedTypeAliases":{"libs/ui/src/lib/select/select.component.ts":[{"name":"AddItemFn","ctype":"miscellaneous","subtype":"typealias","rawtype":"function","file":"libs/ui/src/lib/select/select.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":178}],"libs/ui/src/lib/track/track.component.stories.ts":[{"name":"ArgsWithRepeatableFormItems","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187}],"apps/ui-e2e/cypress/support/commands.ts":[{"name":"AttrNameValuePair","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"Device","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"desktop\\" | \\"tablet\\" | \\"mobile\\"","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/circle/circle.ts":[{"name":"CircleSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"none\\" | \\"success\\" | \\"error\\" | \\"info\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleSeverityProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleSeverityPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleTheme","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"dark\\" | \\"light\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleThemeProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleThemePropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181}],"libs/ui/src/lib/form-message/form-message.ts":[{"name":"FormMessageSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"warning\\" | \\"error\\"","file":"libs/ui/src/lib/form-message/form-message.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/track/track.ts":[{"name":"Gap","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":193},{"name":"Mapped","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":188},{"name":"MAXIMUM_ALLOWED_GAP_IN_UNITS","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":195}],"libs/ui/src/lib/icons/icon-position.ts":[{"name":"LabeledIconPosition","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"before\\" | \\"after\\"","file":"libs/ui/src/lib/icons/icon-position.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/icons/labeled-icon/vertical-alignment.ts":[{"name":"LabeledIconVerticalAlignment","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"normal\\" | \\"center\\"","file":"libs/ui/src/lib/icons/labeled-icon/vertical-alignment.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/notification/notification.ts":[{"name":"NotificationSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\" | \\"error\\" | \\"neutral\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"NotificationSize","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"regular\\" | \\"compact\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/status-badge/status-badge.ts":[{"name":"StatusBadgeCustomProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeCustomPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\"","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/timed-notice/timed-notice.ts":[{"name":"TimedNoticeAsideItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"TimedNoticeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"error\\"","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts":[{"name":"TocItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181}],"libs/ui/src/lib/tooltip/tooltip.stories.ts":[{"name":"TooltipComponentWithCustomArgs","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187}],"libs/ui/src/lib/input/input.component.ts":[{"name":"ValidationType","ctype":"miscellaneous","subtype":"typealias","rawtype":"null | \\"positiveNumbers\\"","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}]}},"routes":[],"coverage":{"count":1,"status":"low","files":[{"filePath":"apps/react-sandbox-e2e/src/support/app.po.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"getGreeting","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/react-sandbox-e2e/src/support/commands.ts","type":"interface","linktype":"interface","name":"Chainable","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"apps/react-sandbox/src/environments/environment.prod.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/react-sandbox/src/environments/environment.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria-e2e/src/support/app.po.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"getGreeting","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria-e2e/src/support/commands.ts","type":"interface","linktype":"interface","name":"Chainable","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"apps/ria/src/app/app.component.ts","type":"component","linktype":"component","name":"AppComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"apps/ria/src/app/app.module.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"HttpLoaderFactory","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria/src/environments/environment.prod.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria/src/environments/environment.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ui-e2e/cypress/support/commands.ts","type":"interface","linktype":"interface","name":"Chainable","coveragePercent":0,"coverageCount":"0/26","status":"low"},{"filePath":"libs/icons/src/lib/icons.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"icons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box-node.ts","type":"interface","linktype":"interface","name":"BoxNode","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box.ts","type":"interface","linktype":"interface","name":"Box","coveragePercent":0,"coverageCount":"0/14","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"baseBoxStyles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"defaultBoxes","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"dottedBoxStyles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.ts","type":"component","linktype":"component","name":"HierarchicalBoxDiagramComponent","coveragePercent":0,"coverageCount":"0/26","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchy-result.ts","type":"interface","linktype":"interface","name":"HierarchyResult","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-card.component.ts","type":"component","linktype":"component","name":"StorybookColorCardComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-cards.component.ts","type":"component","linktype":"component","name":"StorybookColorCardsComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-card.component.ts","type":"component","linktype":"component","name":"StorybookIconCardComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-cards.component.ts","type":"component","linktype":"component","name":"StorybookIconCardsComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-note/storybook-note.component.ts","type":"component","linktype":"component","name":"StorybookNoteComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen-item.component.ts","type":"component","linktype":"component","name":"StorybookSpacingSpecimenItemComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen.component.ts","type":"component","linktype":"component","name":"StorybookSpacingSpecimenComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-type-tester/storybook-type-tester.component.ts","type":"component","linktype":"component","name":"StorybookTypeTesterComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-current-component/storybook-current-component.directive.ts","type":"directive","linktype":"directive","name":"StorybookCurrentComponentDirective","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-input/storybook-input.directive.ts","type":"directive","linktype":"directive","name":"StorybookInputDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.directive.ts","type":"directive","linktype":"directive","name":"StorybookRandomParagraphsDirective","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"storybookRandomParagraphs","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/storybook.module.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"HttpLoaderFactory","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/storybook.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"components","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/storybook.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"storybook","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/styles/src/lib/styles.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"styles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateCustomHeader","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateHTMLInTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomHeader","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithHTMLInTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.ts","type":"component","linktype":"component","name":"AccordionComponent","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-content.directive.ts","type":"directive","linktype":"directive","name":"AccordionContentDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-header.directive.ts","type":"directive","linktype":"directive","name":"AccordionHeaderDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-item.directive.ts","type":"directive","linktype":"directive","name":"AccordionItemDirective","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-title.directive.ts","type":"directive","linktype":"directive","name":"AccordionTitleDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts","type":"component","linktype":"component","name":"BreadcrumbsComponent","coveragePercent":16,"coverageCount":"1/6","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Secondary","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Small","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateTextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Text","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconBefore","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconSmall","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.ts","type":"component","linktype":"component","name":"ButtonComponent","coveragePercent":30,"coverageCount":"4/13","status":"medium"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Secondary","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Small","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateTextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Text","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/character-counter/character-counter.component.ts","type":"component","linktype":"component","name":"CharacterCounterComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/character-counter/character-counter.directive.ts","type":"directive","linktype":"directive","name":"CharacterCounterDirective","coveragePercent":0,"coverageCount":"0/9","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CustomBorderTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomBorderColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithLightTheme","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.ts","type":"component","linktype":"component","name":"CircleComponent","coveragePercent":6,"coverageCount":"1/15","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSeverity","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSeverity","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"circleSeverityPropertyGroups","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"circleThemePropertyGroups","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts","type":"component","linktype":"component","name":"ConfirmationModalComponent","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.component.ts","type":"component","linktype":"component","name":"ContentContainerComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithNoTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.ts","type":"component","linktype":"component","name":"ContentPanelComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker-calendar.component.ts","type":"component","linktype":"component","name":"DatepickerCalendarComponent","coveragePercent":0,"coverageCount":"0/19","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DATEPICKER_LABEL_CONFIG","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker-label.config.ts","type":"class","linktype":"classe","name":"DatepickerLabelConfig","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OnNonWhiteBackground","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomPlaceholder","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithDisabled","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormGroup","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.ts","type":"component","linktype":"component","name":"DatepickerComponent","coveragePercent":0,"coverageCount":"0/32","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/default-datepicker-label.config.ts","type":"class","linktype":"classe","name":"DefaultDatepickerLabelConfig","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/directives/data-attribute.directive.ts","type":"directive","linktype":"directive","name":"DataAttributeDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/directives/data-attribute.directive.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DATA_ATTRIBUTE_TOKEN","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"options","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"title","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.ts","type":"component","linktype":"component","name":"FeedbackComponent","coveragePercent":36,"coverageCount":"4/11","status":"medium"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithInlineFormElements","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithInlineFormElementsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTextarea","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTextareaTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.ts","type":"component","linktype":"component","name":"FormItemComponent","coveragePercent":75,"coverageCount":"6/8","status":"good"},{"filePath":"libs/ui/src/lib/form-item/form-item.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts","type":"pipe","linktype":"pipe","name":"FormMessageSeverityToHeaderIconPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Error","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Warning","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.ts","type":"component","linktype":"component","name":"FormMessageComponent","coveragePercent":0,"coverageCount":"0/9","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.directive.ts","type":"directive","linktype":"directive","name":"FormMessageDirective","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"InContactsBlock","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"List","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateInContactsBlock","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.ts","type":"component","linktype":"component","name":"HtmlSectionComponent","coveragePercent":0,"coverageCount":"0/11","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/safe-html-pipe.ts","type":"pipe","linktype":"pipe","name":"SafeHtmlPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomSize","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.ts","type":"component","linktype":"component","name":"IconComponent","coveragePercent":42,"coverageCount":"3/7","status":"medium"},{"filePath":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"iconSizeDefault","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icons-registry.service.ts","type":"injectable","linktype":"injectable","name":"IconsRegistry","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LabeledIconInsideButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithCustomStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomGap","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconAfter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts","type":"component","linktype":"component","name":"LabeledIconComponent","coveragePercent":60,"coverageCount":"6/10","status":"good"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LabeledIconInsideButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/storybook-icons.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"icons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/storybook-icons.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"storybookIcons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/storybook-icons.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"storybookIconsNames","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormGroup","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSuffixIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"component","linktype":"component","name":"InputComponent","coveragePercent":37,"coverageCount":"9/24","status":"medium"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"inputComponentValueAccessor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"inputModes","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"inputRegex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"patterns","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSuffixIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSuffixIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/message-bus/message-bus.service.ts","type":"injectable","linktype":"injectable","name":"MessageBusService","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/message-bus/message-bus.service.ts","type":"interface","linktype":"interface","name":"Message","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithModalInsideModal","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithModalInsideModal","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.ts","type":"component","linktype":"component","name":"ModalComponent","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ModalOpenWithoutButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateModalOpenWithoutButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithoutTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithoutTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.ts","type":"directive","linktype":"directive","name":"ModalDirective","coveragePercent":0,"coverageCount":"0/11","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts","type":"pipe","linktype":"pipe","name":"NotificationSeverityToHeaderIconPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Error","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Neutral","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Success","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Warning","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCompactSize","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCompactSizeAndCustomIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCompactSizeAndIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.ts","type":"component","linktype":"component","name":"NotificationComponent","coveragePercent":63,"coverageCount":"7/11","status":"good"},{"filePath":"libs/ui/src/lib/notification/notification.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/option-button/option-button.component.ts","type":"component","linktype":"component","name":"OptionButtonComponent","coveragePercent":25,"coverageCount":"3/12","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts","type":"component","linktype":"component","name":"RadioButtonComponent","coveragePercent":25,"coverageCount":"3/12","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompact","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompactTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","type":"component","linktype":"component","name":"RadioGroupComponent","coveragePercent":6,"coverageCount":"1/16","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"nextUniqueId","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompact","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompactTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts","type":"component","linktype":"component","name":"ReorderableListItemComponent","coveragePercent":0,"coverageCount":"0/9","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListExampleComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListMultipleFormItemsComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListMultipleTracksAndFormItemsComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListSingleFormItemComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"class","linktype":"classe","name":"ReorderableListExampleBaseComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleFormItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleFormItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleTracksAndFormItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleTracksAndFormItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListSingleFormItem","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListSingleFormItemTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts","type":"component","linktype":"component","name":"ReorderableListComponent","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/swap-reorderable-list-items.ts","type":"interface","linktype":"interface","name":"SwapReorderableListItems","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.component.ts","type":"component","linktype":"component","name":"ScreenreaderTextComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select-items-list.ts","type":"class","linktype":"classe","name":"SelectItemsList","coveragePercent":0,"coverageCount":"0/15","status":"low"},{"filePath":"libs/ui/src/lib/select/select-navigation.directive.ts","type":"directive","linktype":"directive","name":"SelectNavigationDirective","coveragePercent":0,"coverageCount":"0/18","status":"low"},{"filePath":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","linktype":"directive","name":"LabelTemplateDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","linktype":"directive","name":"OptionTemplateDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Disabled","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DisabledBackground","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DisabledBackgroundTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DisabledTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Form","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LoadingState","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LoadingStateTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ObjectsAsItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ObjectsAsItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"SortedItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"SortedItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"UserCanAddItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"UserCanAddItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithBoundValues","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithBoundValuesTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomValueFormatting","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomValueFormattingTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.ts","type":"component","linktype":"component","name":"SelectComponent","coveragePercent":5,"coverageCount":"3/55","status":"low"},{"filePath":"libs/ui/src/lib/select/select.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.types.ts","type":"interface","linktype":"interface","name":"SelectOption","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTooltip","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.ts","type":"component","linktype":"component","name":"StatusBadgeComponent","coveragePercent":0,"coverageCount":"0/12","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"statusBadgeCustomPropertyGroups","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step-panel/step-panel.component.ts","type":"component","linktype":"component","name":"StepPanelComponent","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/steps/step/step.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step/step.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step/step.component.ts","type":"component","linktype":"component","name":"StepComponent","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DefaultWithSelectedStep","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"MobileWithSelectedStep","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateObservableTitles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithHTMLSections","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithStepStatus","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithTranslations","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithHTMLSections","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithObservableTitles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"withObservableTitlesDelay","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepStatuses","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTranslations","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.ts","type":"component","linktype":"component","name":"StepsComponent","coveragePercent":9,"coverageCount":"2/22","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts","type":"pipe","linktype":"pipe","name":"ToStepCircleIconNamePipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts","type":"pipe","linktype":"pipe","name":"ToStepCircleSeverityPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"component","linktype":"component","name":"StorybookToCHTMLExampleComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"component","linktype":"component","name":"StorybookToCHTMLStepsExampleComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomHeadingLevels","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepsMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","type":"component","linktype":"component","name":"GeneratedTableOfContentsComponent","coveragePercent":8,"coverageCount":"1/12","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"isBottomOfPage","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"isTopOfPage","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts","type":"component","linktype":"component","name":"TableOfContentsItemComponent","coveragePercent":7,"coverageCount":"1/13","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"HeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"InDebugMode","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateHeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithStepsAndHeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepsAndHeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepsMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts","type":"component","linktype":"component","name":"TableOfContentsWrapperComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents.service.ts","type":"injectable","linktype":"injectable","name":"TableOfContentsService","coveragePercent":12,"coverageCount":"1/8","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithRandomText","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithRandomText","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts","type":"component","linktype":"component","name":"TableOfContentsComponent","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/toc-section.directive.ts","type":"directive","linktype":"directive","name":"TableOfContentsSectionDirective","coveragePercent":20,"coverageCount":"1/5","status":"low"},{"filePath":"libs/ui/src/lib/table/body-cell/body-cell.component.ts","type":"component","linktype":"component","name":"BodyCellComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/table/header-cell/header-cell.component.ts","type":"component","linktype":"component","name":"HeaderCellComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"getStatusBadgeLabelBySeverity","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"statuses","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Tablet","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithToolbar","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithToolbar","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.ts","type":"component","linktype":"component","name":"TableComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/table/table.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.ts","type":"component","linktype":"component","name":"TabGroupComponent","coveragePercent":7,"coverageCount":"1/13","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab.component.ts","type":"component","linktype":"component","name":"TabComponent","coveragePercent":0,"coverageCount":"0/8","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.ts","type":"component","linktype":"component","name":"TabsComponent","coveragePercent":0,"coverageCount":"0/31","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormGroupTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormGroup","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.ts","type":"component","linktype":"component","name":"TextareaComponent","coveragePercent":42,"coverageCount":"8/19","status":"medium"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"textareaComponentProvider","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts","type":"pipe","linktype":"pipe","name":"TimedNoticeSeverityToIconPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Error","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Success","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateError","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateSuccess","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithMultipleAsideItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithMultipleAsideItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.ts","type":"component","linktype":"component","name":"TimedNoticeComponent","coveragePercent":0,"coverageCount":"0/11","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/overlay.ts","type":"injectable","linktype":"injectable","name":"Overlay","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"class","linktype":"classe","name":"ToastPackage","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"interface","linktype":"interface","name":"ToastConfig","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"interface","linktype":"interface","name":"ToastToken","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"interface","linktype":"interface","name":"ToastTypes","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DefaultToastConfig","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TOAST_CONFIG","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-container.component.ts","type":"component","linktype":"component","name":"ToastContainerComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.component.ts","type":"component","linktype":"component","name":"ToastComponent","coveragePercent":0,"coverageCount":"0/25","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"component","linktype":"component","name":"ToastWrapperComponent","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OpenOnLoad","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateOpenOnLoad","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.ts","type":"injectable","linktype":"injectable","name":"ToastService","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.ts","type":"interface","linktype":"interface","name":"ActiveToast","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.component.ts","type":"component","linktype":"component","name":"TooltipComponent","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateEdgeTest","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateHeaderTest","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateOnButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipNearSideEdge","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipNearTopEdge","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipOnButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.ts","type":"directive","linktype":"directive","name":"TooltipDirective","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Tooltip","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipWithCustomZIndex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryFlex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryGrid","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ItemsCenteredHorizontally","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ItemsCenteredVertically","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Multiline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"NestedTracks","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateManyItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateNestedTracks","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithFormItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithFormItemsComplex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Vertical","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalMobileOnly","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalMobileOnlyMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalReverseMobileOnly","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalReverseMobileOnlyMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomGap","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithEqualSizeFormItemsFlexRow","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithEqualSizeFormItemsGridCol","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithEqualSizeFormItemsGridRow","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFlexLayout","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormItemsComplex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithGridLayout","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.ts","type":"component","linktype":"component","name":"TrackComponent","coveragePercent":46,"coverageCount":"7/15","status":"medium"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryFlex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryGrid","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/ui.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"components","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/ui.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"directives","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/ui.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"pipes","coveragePercent":0,"coverageCount":"0/1","status":"low"}]}}'),sorting_order_namespaceObject=JSON.parse('{"r":["Intro","TODOS","Styles",["How to install","How to use","How to contribute","Available variables",["Overview","Colors","Typography","Spacing"]],"Icons",["How to install","How to use","How to contribute","Available icons"],"HTML",["Track","Screenreader text","Content container","Content panel","Form",["Form item","Input","Radio button group","Textarea","Select"],"Button","Table","Status badge","Accordion","Icon","Labeled icon","Steps","Table of contents","Notification","Tabs",["Tabs","Tab group"],"Html section","Tooltip","Toast","Modal","Reorderable list"],"Angular",["Installation","Track",["Quick start","Stories"],"Screenreader text","Content container","Content panel","Form",["Form item","Input","Radio button group","Textarea","Select","Datepicker","Form message"],"Button","Table","Status badge","Accordion","Icon","Labeled icon","Steps",["Steps","Step","Step panel"],"Table of contents",["Table of contents wrapper","Table of contents","Table of contents item","Generated table of contents"],"Notification","Tabs",["Readme","Tabs","Tab group"],"Html section","Tooltip","Toast","Modal",["Modal directive","Modal","Confirmation modal"],"Reorderable list"],"Angular Diagrams",["Installation"]]}');var preview=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js");__webpack_require__("./node_modules/cypress-storybook/angular.js");(0,angular.P)(documentation_namespaceObject);var parameters={html:{root:"[ng-version]",prettier:{htmlWhitespaceSensitivity:"ignore",bracketSameLine:!0,singleAttributePerLine:!1,printWidth:140},removeComments:!0,transform:function transform(code){return code.replace(/(?:_nghost|ng-reflect|_ngcontent|data-cy|dataattribute|cving|data-chromatic).*?="[\S\s]*?"/g,"")}},docs:{extractComponentDescription:function extractComponentDescription(_,_ref){var notes=_ref.notes;return notes?"string"==typeof notes?notes:notes.markdown||notes.text:null},source:{state:"open"}},backgrounds:{default:"Default",values:[{name:"Default",value:"#ffffff"},{name:"Dark",value:"#13100d"},{name:"Gray",value:"#f0f0f2"},{name:"Darkgray",value:"#cccccc"}]},options:{storySort:{order:sorting_order_namespaceObject.r}},layout:"centered",viewport:{viewports:preview.p},angularLegacyRendering:!1},decorators=[(0,client.moduleMetadata)({imports:[ui_module.W,StorybookModule]})],__namedExportsOrder=["parameters","decorators"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js")},"./libs/storybook/src/lib/stories/angular.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,installation:()=>installation});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_ui_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/ui/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-the-angular-ui-kit"},"How to Install the Angular UI Kit"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Installation",mdxType:"Story"},{props:{uiPkg:_libs_ui_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ uiPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"peerdependencies"},"peerDependencies"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},'"@angular/animations": "^14.1.1",\n"@angular/cdk": "^14.2.0",\n"@angular/common": "^14.1.1",\n"@angular/core": "^14.1.1",\n"@angular/elements": "^14.1.3",\n"@angular/platform-browser": "^14.1.1",\n"@angular/platform-browser-dynamic": "^14.1.1"\n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"installation"},"Installation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-ng\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",{start:3},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Import ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"UiModule")," in your ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"app.module.ts"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"import { UiModule } from '@egov/cvi-ng';\n\n@NgModule({\n ...\n imports: [BrowserModule, UiModule],\n ...\n})\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You may want to take a look at an example app at ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://codesandbox.io/p/github/ekateriinal/angular-cvi-starter",target:"_blank",rel:"nofollow noopener noreferrer"},"codesandbox.io"),"."))}MDXContent.isMDXComponent=!0;var installation=function installation(){return{props:{uiPkg:_libs_ui_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ uiPkg.version }}\n "}};installation.storyName="Installation",installation.parameters={storySource:{source:"{\n props: {\n uiPkg\n },\n template: `\n Latest version: {{ uiPkg.version }}\n `\n}"}};var componentMeta={title:"Angular/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["installation"]},mdxStoryNameToKey={Installation:"installation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["installation"]},"./libs/storybook/src/lib/stories/icons/contributions.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=(__webpack_require__("./libs/icons/package.json"),["components"]);function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Icons/How to contribute",parameters:{viewMode:"docs"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"adding-icons-to-cvi"},"Adding icons to CVI"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Adding an icon to the library is simple."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"To add an icon with a file name of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"my-icon-name.svg"),":"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"drop the icon file in SVG format into ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"/libs/icons/src/lib/svg")," folder;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"run ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"npm run generate-icons"),";"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"(optional) import the icon to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"ui.module.ts")," as ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"cviMyIconName")," if you intend to use it inside of this library.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The new icon can be added to your app with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"cvi-ng-icon")," component using ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"name")," prop in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"my_icon_name")," format."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Make sure that the SVG code of the icon is cleaned and optimised for recoloring. Make sure the icon:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't contain internal CSS;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't contain any classes (a class added to the svg tag itself is allowed);"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't have ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"fill"),"/",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"stroke")," attributes (colors are expected to be set in CSS outside of the icon);"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't have ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"width"),"/",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"height")," attributes;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"...is a proper icon and not a logo or an illustration.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Icons are automatically linted with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/svglint",target:"_blank",rel:"nofollow noopener noreferrer"},"SVGLint"),"."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Icons/How to contribute",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/icons/installation.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,installation:()=>installation});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_icons_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/icons/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Icons/How to install",parameters:{viewMode:"docs"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-cvi-icons"},"How to Install CVI Icons"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Installation",mdxType:"Story"},{props:{iconsPkg:_libs_icons_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ iconsPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library:"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-icons\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Check the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"li",href:"?path=/docs/icons-how-to-use--page"},"usage page")," for integration examples. Remember that for Angular, integration includes registering an icon in an icons registry.")))}MDXContent.isMDXComponent=!0;var installation=function installation(){return{props:{iconsPkg:_libs_icons_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ iconsPkg.version }}\n "}};installation.storyName="Installation",installation.parameters={storySource:{source:"{\n props: {\n iconsPkg\n },\n template: `\n Latest version: {{ iconsPkg.version }}\n `\n}"}};var componentMeta={title:"Icons/How to install",parameters:{viewMode:"docs"},includeStories:["installation"]},mdxStoryNameToKey={Installation:"installation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["installation"]},"./libs/storybook/src/lib/stories/icons/list.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Template:()=>Template,__namedExportsOrder:()=>__namedExportsOrder,allIcons:()=>allIcons,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_ui_src_lib_icons_storybook_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(args){return{props:Object.assign({},args,{icons:_ui_src_lib_icons_storybook_icons__WEBPACK_IMPORTED_MODULE_11__.T,filteredIcons:_ui_src_lib_icons_storybook_icons__WEBPACK_IMPORTED_MODULE_11__.T,filterIcons:function filterIcons(query,icons){return query?icons.filter((function(iconName){return iconName.includes(query)})):icons}}),template:'\n \n \n \n \n \n \n '}},layoutProps={Template};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__.h_,{title:"Icons/Available Icons",parameters:{layout:"padded",axe:{skip:!0},backgrounds:{default:"Darkgray"}},argTypes:{fill:{name:"Icon color",control:{type:"color"}}},args:{fill:"red"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)("p",null,"Switch to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)("em",{parentName:"p"},"Canvas")," tab for a full-screen view."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__.oG,{name:"All icons",height:"540px",mdxType:"Story"},Template.bind({})))}MDXContent.isMDXComponent=!0;var allIcons=Template.bind({});allIcons.storyName="All icons",allIcons.parameters={storySource:{source:'args => ({\n props: { ...args,\n icons: storybookIconsNames,\n filteredIcons: storybookIconsNames,\n filterIcons: (query, icons) => {\n return query ? icons.filter(iconName => iconName.includes(query)) : icons;\n }\n },\n template: `\n \n \n \n \n \n \n `\n})'}};var componentMeta={title:"Icons/Available Icons",parameters:{layout:"padded",axe:{skip:!0},backgrounds:{default:"Darkgray"}},args:{fill:"red"},argTypes:{fill:{name:"Icon color",control:{type:"color"}}},includeStories:["allIcons"]},mdxStoryNameToKey={"All icons":"allIcons"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["Template","allIcons"]},"./libs/storybook/src/lib/stories/icons/usage.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Icons/How to use",parameters:{viewMode:"docs"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"usage"},"Usage"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"angular"},"Angular"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"registering-an-icon"},"Registering an icon"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The library supports tree shaking (if the icon library contains hundreds of icons but only one of them is used, only one ends up in the resulting bundle). This approach supports code splitting and lazy loading in a way that the icon only ends up in the chunk it is used."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"For these reasons, an icon registry available via ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov/cvi-ng")," should be used to register the icons you use in a module of your app:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"constructor(private registry: IconsRegistry) {\n this.registry.registerIcons([\n cviCall\n ]);\n }\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"using-via-component"},"Using via component"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"We provide a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"?path=/story/angular-icon--default"},"reusable component for the icons (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"IconComponent"),")"),". It is a component that accepts an icon name in snake_case as an Input property and displays the icon."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"typescript"},"Typescript"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"import {cviCall, CviIcon} from '@egov/cvi-icons';\n\nconst container = document.getElementById('.container');\n\nfunction buildSVGElement(icon: CviIcon): SVGElement {\n const div = document.createElement('DIV');\n div.innerHTML = icon.data;\n return (\n div.querySelector('svg') ||\n this.document.createElementNS('http://www.w3.org/2000/svg', 'path')\n );\n}\n\ncontainer.appendChild(buildSVGElement(icon));\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"vanilla-js"},"Vanilla JS"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-js"},"import {cviCall} from '@egov/cvi-icons';\n\nconst container = document.getElementById('.container');\n\nfunction buildSVGElement(icon) {\n const div = document.createElement('DIV');\n div.innerHTML = icon.data;\n return (\n div.querySelector('svg') ||\n this.document.createElementNS('http://www.w3.org/2000/svg', 'path')\n );\n}\n\ncontainer.appendChild(buildSVGElement(icon);\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Icons/How to use",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/intro.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>intro_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styles_package=__webpack_require__("./libs/styles/package.json"),icons_package=__webpack_require__("./libs/icons/package.json"),ui_package=__webpack_require__("./libs/ui/package.json");const react_ui_package_namespaceObject_i8="0.2.0";var ng_diagrams_package=__webpack_require__("./libs/ng-diagrams/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Intro",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,esm.kt)("h1",{id:"welcome-to-the-e-gov-cvi-ui-library"},"Welcome to the e-Gov CVI UI library!"),(0,esm.kt)("p",null,"These Storybook docs contain detailed information on how to install and use CVI."),(0,esm.kt)("p",null,"The implementations include a shared CSS library (preprocessed with Sass) and HTML examples based on it, as well a UI kit in Angular, a UI kit in React and a typed icon library."),(0,esm.kt)("p",null,"Please choose an item you need in the sidebar to the left (press ",(0,esm.kt)("inlineCode",{parentName:"p"},"S")," if you don't see it)."),(0,esm.kt)("p",null,"CVI UI library is a neverending work in progress that welcomes any feedback and becomes better thanks to you, its users."),(0,esm.kt)("p",null,"The project source code is located ",(0,esm.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi",target:"_blank",rel:"nofollow noopener noreferrer"},"here"),"."),(0,esm.kt)("h2",{id:"latest-package-versions"},"Latest package versions"),(0,esm.kt)("b",null,(0,esm.kt)("p",null,"Styles: ",styles_package.version),(0,esm.kt)("p",null,"Icons: ",icons_package.version),(0,esm.kt)("p",null,"Angular UI kit: ",ui_package.version),(0,esm.kt)("p",null,"Angular Diagrams: ",ng_diagrams_package.version),(0,esm.kt)("p",null,"React UI kit: ",react_ui_package_namespaceObject_i8)))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Intro",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});const intro_stories=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/ng-diagrams.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,installation:()=>installation});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_ng_diagrams_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/ng-diagrams/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular Diagrams/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-the-angular-diagrams-library"},"How to Install the Angular Diagrams library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Installation",mdxType:"Story"},{props:{diagramsPkg:_libs_ng_diagrams_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ diagramsPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"peerdependencies"},"peerDependencies"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},'"@angular/animations": ">=14.1.0",\n"@angular/common": ">=14.1.0",\n"@angular/core": ">=14.1.0",\n"@angular/platform-browser": ">=14.1.0",\n"@angular/platform-browser-dynamic": ">=14.1.0",\n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"installation"},"Installation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-ng-diagrams\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",{start:3},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Import ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"NgDiagramsModule")," in your ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"app.module.ts"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"\nimport { NgDiagramsModule } from '@egov/cvi-ng-diagrams';\n\n@NgModule({\n ...\n imports: [NgDiagramsModule],\n ...\n})\n")))}MDXContent.isMDXComponent=!0;var installation=function installation(){return{props:{diagramsPkg:_libs_ng_diagrams_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ diagramsPkg.version }}\n "}};installation.storyName="Installation",installation.parameters={storySource:{source:"{\n props: {\n diagramsPkg\n },\n template: `\n Latest version: {{ diagramsPkg.version }}\n `\n}"}};var componentMeta={title:"Angular Diagrams/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["installation"]},mdxStoryNameToKey={Installation:"installation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["installation"]},"./libs/storybook/src/lib/stories/styles/contributions.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/How to contribute",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-contribute-to-the-library-styles"},"How to contribute to the library styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Styles of the library are meant to be used in any environment and with any tech stack. Thus they are decoupled from any specific framework. That is also why the styles are global – you can add the styles to any kind of web development platform, be it Angular, React, or something else."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"To manage the complexity of global styles, it utilises the concept of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("strong",{parentName:"p"},"Sass components")," that are independent from each other and are designed to be reusable. A Sass component can be used inside another. Although in CVI usually there is a Sass component designated for each Javascript component, one Javascript component could be styled by several Sass components. Also, multiple instances of the same Sass component could be employed in a codebase by providing a custom class name via ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"$base")," Sass argument passed to each component mixin."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"adding-a-new-sass-component-quick-start"},"Adding a new Sass component: quick start"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"To add a new Sass component, follow these steps:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Create a new Sass file in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"lib/scss/components")," folder. Provide a file name according to the component name, e.g. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"button.scss"),". Don't use arbitrary file names to avoid confusion."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"The file should have a mixin with a name ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"cvi-"),", e.g. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"cvi-button"),". CSS applying to host/root of a component should go to the top level inside the mixin. CSS applying to the component's children (regardless of actual DOM nesting level) should be nested under ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"@at-root")," rule, with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"#{base}__")," as a prefix (see below)."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Open ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"main.scss")," file in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"lib/scss")," folder. Add a new import there under the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"// Components")," section."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Also apply mixin in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"apply.scss")," file, usually to a class of the same name.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"classes-and-selectors"},"Classes and selectors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"CSS in CVI is global and therefore needs some convention to follow in order to avoid naming conflicts. We roughly follow ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://en.bem.info",target:"_blank",rel:"nofollow noopener noreferrer"},"BEM naming convention"),":"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"__")," (double space) for an element;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"--")," (double hyphen) for a modifier."))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Classes of one Sass component should not be used in another Sass component. Eg. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},".cvi-button")," class should not appear inside of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},".cvi-notification"),". Use CSS variables to affect child's appearance from a parent or add a modifier class to the child.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"There are other BEM rules to follow that can be found in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://en.bem.info/methodology/quick-start/",target:"_blank",rel:"nofollow noopener noreferrer"},"BEM documentation"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Don't use element selectors (eg ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"span"),"). Utilise classes exclusively for selectors. Add class attributes to all elements in the HTML that need to be styled.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"All classes should be prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"#{base}")," to allow reusing a Sass component as a mixin with a different base name.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Avoid encapsulated styles in the Angular part of the library. Always use global classes. Encapsulation is perfectly fine to use in your project, though."))))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Styles/How to contribute",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/styles/installation.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,howToInstall:()=>howToInstall});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_styles_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/styles/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-cvi-styles"},"How to Install CVI Styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/How to install",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"How to install",mdxType:"Story"},{props:{stylesPkg:_libs_styles_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ stylesPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The library styles are built using Sass (namely ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://sass-lang.com/dart-sass",target:"_blank",rel:"nofollow noopener noreferrer"},"Dart Sass"),")."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-styles\n"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Include styles to a Sass file in the project:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"@use '@egov/cvi-styles/main';\n")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can also ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@use")," or ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@import")," a specific Sass module from the library, eg. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@use '@egov/cvi-styles/settings/variables/typography';"),"."))}MDXContent.isMDXComponent=!0;var howToInstall=function howToInstall(){return{props:{stylesPkg:_libs_styles_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ stylesPkg.version }}\n "}};howToInstall.storyName="How to install",howToInstall.parameters={storySource:{source:"{\n props: {\n stylesPkg\n },\n template: `\n Latest version: {{ stylesPkg.version }}\n `\n}"}};var componentMeta={title:"Styles/How to install",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["howToInstall"]},mdxStoryNameToKey={"How to install":"howToInstall"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["howToInstall"]},"./libs/storybook/src/lib/stories/styles/usage.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/How to use",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"using-the-library-styles"},"Using the library styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The library offers Sass and CSS variables, Sass components, and utility classes and mixins. All of those should be easy to use in your project."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Some of the components also provide an occasional CSS variable that allows to override its styles from outside."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"variables"},"Variables"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"In the library you can find a huge range of Sass and CSS variables and presentational Sass functions that mirror design tokens of the design system. See ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"?path=/docs/styles-available-variables-overview--page"},"Variables Overview")," page for more details."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"components"},"Components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"All Sass components use the same structure and are found in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/tree/main/libs/styles/src/lib/scss/components",target:"_blank",rel:"nofollow noopener noreferrer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"src/lib/scss/components")," folder"),". To employ a Sass component in your code, ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"include")," a component mixin to a class of your choice:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-scss"},".myapp-alert {\n @include cvi-notification;\n}\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Ensure that classes in your HTML correspond to the class names defined in the mixin (prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"__")," or ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--"),"). A part before the prefix would use the name of your own class. Eg. an JSX example would look like this:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-jsx"},'
    \n

    {title}

    \n

    {content}

    \n
    \n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"In your app you can assign classes prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--")," to props of a Javascript component."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can also explore ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/tree/main/libs/ui/src/lib",target:"_blank",rel:"nofollow noopener noreferrer"},"code of Angular components")," published as a part of this library as an example."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"utility-classes-and-mixins"},"Utility classes and mixins"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Some often-used utility classes and Sass mixins are also available in the library. See all ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/blob/main/libs/styles/src/lib/scss/settings/_mixins.scss",target:"_blank",rel:"nofollow noopener noreferrer"},"the mixins in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"lib/scss/settings/_mixins.scss"))," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/blob/main/libs/styles/src/lib/scss/settings/_utility-classes.scss",target:"_blank",rel:"nofollow noopener noreferrer"},"the utility classes in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"lib/scss/settings/_utility-classes.scss")),"."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Styles/How to use",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/styles/variables/colors.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,blackCoral:()=>blackCoral,colorsTotal:()=>colorsTotal,darkTangerine:()=>darkTangerine,default:()=>__WEBPACK_DEFAULT_EXPORT__,jasper:()=>jasper,orange:()=>orange,sapphireBlue:()=>sapphireBlue});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var colorsTotal=21,layoutProps={colorsTotal};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Colors",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"colors"},"Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI has a choice of colors grouped by basic color variations."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Colors can be used both in Sass (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-color(dark-tangerine-0)"),") and as CSS variables (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"var(--cvi-color-dark-tangerine-0)"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"black-coral"},"Black coral"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Black coral",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:"\n \n \n \n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"dark-tangerine"},"Dark tangerine"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Dark tangerine",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"jasper"},"Jasper"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Jasper",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"orange"},"Orange"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Orange",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"sapphire-blue"},"Sapphire blue"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Sapphire blue",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}))}MDXContent.isMDXComponent=!0;var blackCoral=function blackCoral(){return{props:{colorsTotal},template:"\n \n \n \n "}};blackCoral.storyName="Black coral",blackCoral.parameters={storySource:{source:"{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}"}};var darkTangerine=function darkTangerine(){return{props:{colorsTotal},template:'\n \n \n \n '}};darkTangerine.storyName="Dark tangerine",darkTangerine.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var jasper=function jasper(){return{props:{colorsTotal},template:'\n \n \n \n '}};jasper.storyName="Jasper",jasper.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var orange=function orange(){return{props:{colorsTotal},template:'\n \n \n \n '}};orange.storyName="Orange",orange.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var sapphireBlue=function sapphireBlue(){return{props:{colorsTotal},template:'\n \n \n \n '}};sapphireBlue.storyName="Sapphire blue",sapphireBlue.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var componentMeta={title:"Styles/Available variables/Colors",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["blackCoral","darkTangerine","jasper","orange","sapphireBlue"]},mdxStoryNameToKey={"Black coral":"blackCoral","Dark tangerine":"darkTangerine",Jasper:"jasper",Orange:"orange","Sapphire blue":"sapphireBlue"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["colorsTotal","blackCoral","darkTangerine","jasper","orange","sapphireBlue"]},"./libs/storybook/src/lib/stories/styles/variables/spacing.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,sizes:()=>sizes,spacing:()=>spacing});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizes=[{name:"loksa",value:4},{name:"paldiski",value:8},{name:"rapla",value:10},{name:"elva",value:12},{name:"haapsalu",value:16},{name:"valga",value:20},{name:"kuressaare",value:24},{name:"viljandi",value:32},{name:"parnu",value:48},{name:"narva",value:60}],layoutProps={sizes};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Spacing",parameters:{viewMode:"docs",layout:"fullscreen",axe:{skip:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"spacing-patterns"},"Spacing patterns"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI has numerous options when it comes to spacing."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Spacing patterns are named according to a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://en.wikipedia.org/wiki/List_of_cities_and_towns_in_Estonia",target:"_blank",rel:"nofollow noopener noreferrer"},"list of Estonian cities")," and sorted by their population. This should give a good idea about a pattern's size while allowing to insert newer sizes in between."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can pick a font size by employing Sass variables (with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-spacing()")," function) or using ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-spacing-")," CSS variables."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Spacing",height:"650px",mdxType:"Story"},{props:{sizes},template:"\n \n \n \n "}))}MDXContent.isMDXComponent=!0;var spacing=function spacing(){return{props:{sizes},template:"\n \n \n \n "}};spacing.storyName="Spacing",spacing.parameters={storySource:{source:"{\n props: {\n sizes\n },\n template: `\n \n \n \n `\n}"}};var componentMeta={title:"Styles/Available variables/Spacing",parameters:{viewMode:"docs",layout:"fullscreen",axe:{skip:!0}},includeStories:["spacing"]},mdxStoryNameToKey={Spacing:"spacing"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["sizes","spacing"]},"./libs/storybook/src/lib/stories/styles/variables/typography.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,fontSizes:()=>fontSizes,sizes:()=>sizes});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizes=[{name:"50",value:10},{name:"70",value:12},{name:"80",value:14},{name:"100",value:16},{name:"200",value:18},{name:"220",value:20},{name:"250",value:24},{name:"300",value:28},{name:"350",value:32},{name:"400",value:36},{name:"500",value:48}],layoutProps={sizes};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Typography",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"font-size-scale"},"Font size scale"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI has a range of font sizes to choose from."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can pick a font size by employing a CSS variable (prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-font-size"),") or using a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-font-size()")," Sass function."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Font sizes",height:"650px",mdxType:"Story"},{props:{sizes},template:'\n Font size: {{ size.value }}px. City trail fallen select drop she tower else flight glass.\n '}))}MDXContent.isMDXComponent=!0;var fontSizes=function fontSizes(){return{props:{sizes},template:'\n Font size: {{ size.value }}px. City trail fallen select drop she tower else flight glass.\n '}};fontSizes.storyName="Font sizes",fontSizes.parameters={storySource:{source:'{\n props: {\n sizes\n },\n template: `\n Font size: {{ size.value }}px. City trail fallen select drop she tower else flight glass.\n `\n}'}};var componentMeta={title:"Styles/Available variables/Typography",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["fontSizes"]},mdxStoryNameToKey={"Font sizes":"fontSizes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["sizes","fontSizes"]},"./libs/storybook/src/lib/stories/styles/variables/variables.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Overview",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"variables-overview"},"Variables overview"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"variables-and-functions"},"Variables and functions"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI possesses a lot of ways to use design tokens of the design system in your codebase."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Variables are available for a wide range of properties, including:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Type sizes (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"font-size")," CSS property);"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Font weights (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"font-weight"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Line heights (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"line-height"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Border radii (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"border-radius"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Shadows (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"box-shadow"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Spacing (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"margin"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"padding"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Breakpoints (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"@media")," queries).")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can use Sass functions (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()"),") or Sass variables (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"$cvi-property"),", deprecated), as well as CSS custom properties (prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi"),"). This holds true for most of the design tokens."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"All ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()")," functions retrieve a value from a Sass map containing a certain category of design tokens and use a key in that map as an argument. A ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()")," function will return a CSS custom property by default. If you need a raw value to be returned (for example to be used in Sass calculations), with some of the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()")," Sass functions you can set the second argument to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"true"),". Or you can extract the value directly from a Sass map using native ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"map.get()")," function."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"See the table for full variable reference."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"reference"},"Reference"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("table",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("thead",{parentName:"table"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"thead"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"Design token"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"Use as CSS"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"Use as Sass"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"All values found in"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tbody",{parentName:"table"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Color"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-color-black-coral-0"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-color-rgb-black-coral-0")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-color(black-coral-0)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-colors"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Font size"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-font-size-50")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-font-size(50)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-font-sizes"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Line height"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-line-height-100")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-line-height(100)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-line-heights"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Font weight"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-font-weight-alpha")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-font-weight(alpha)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-font-weights"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Size unit"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-spacing-unit")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-spacing-unit")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Margin/padding/gap"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-spacing-loksa")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-spacing(loksa)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-spacing-patterns"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Border radius"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-radius-xs")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"map.get($cvi-radii, xs)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-radii"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Shadow"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-shadow-alpha")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Z-index"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-z-index('modal', '__dialog')")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-z-indexes"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Breakpoint"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"cvi-breakpoint-down(), cvi-breakpoint-up()")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-grid-breakpoints"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"usage-notes"},"Usage notes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Note that usage of one-value Sass variables like ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"$cvi-font-size-50")," for anything except breakpoints is being deprecated (with no due date for removal)."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"--cvi-color-rgb-")," to achieve translucent color, in this format: ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"rgba(var(--cvi-color-rgb-) / )"),", for example ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"rgba(var(--cvi-color-rgb-dark-tangerine-2) / .15)"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"get-z-index()")," Sass function and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"$cvi-z-indexes")," map to set ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"z-index"),". This should prevent ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"z-index")," conflicts and bugs and will help with managing multiple ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"z-index")," values across Sass components. See ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"_z-indexes.scss")," for more information."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"When using raw pixel-based values, round pixel values to the nearest even integer, preferably one that is divisible by 4 (eg ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"12px")," is better than ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"13px"),", but ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"14px")," but is still OK). This rule applies even if a Figma design tells you otherwise.")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Styles/Available variables/Overview",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/todos.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"TODOS",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"todos"},"TODOS"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"dependencies"},"Dependencies"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - html-section: depends on sanitize-html, should rewrite without the dependency"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"main-todos"},"Main todos"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - move from bitbucket to github"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - refactor Angular components into either standalone components or create modules to provide better encapsulation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - create an introductory page for the design system that gives entry points to relevant information:\ne.g projects using this system, where to find docs, what is included"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - automatically generate WCAG reports"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - create missing design tokens (breakpoints, utility classes)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - notifications bot for changelog"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - icons story to display all the available icons"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - a default story for every component"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - show changelogs under the storybook for every library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - move todos into a separate TODOS.md file and link the content to the storybook story"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - icons as a separate tree shakable library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - CSS guidelines"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"documentation"},"Documentation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - angular components usage"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - angular components guidelines"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - contribution guidelines for Sass components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - contribution guidelines for variables"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - a doc page for line heights and font weights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - a doc page for border-radius and shadows"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"planned-angular-components"},"Planned Angular components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - modal component (Pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - select component (Pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - tooltip component (Pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - toasts (pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"requested-features-and-components"},"Requested features and components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - ..."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"TODOS",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/ui/src/lib/tabs/tabs-readme.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,tabGroup:()=>tabGroup,tabs:()=>tabs});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular/Tabs/Readme",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"which-tabs-component-to-use"},"Which tabs component to use?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"In CVI there are two versions of tabs. Both versions have compatible API (props and nesting principles are the same). They also both make use of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"TabComponent")," as a child."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The new tabs are implemented by ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"TabsComponent"),". It has a refreshed design, is mobile-friendly and on mobile replaces the tabs interface with a dropdown."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Tabs",height:"160px",mdxType:"Story"},{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The older tabs are implemented by ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"TabGroupComponent"),". It is not mobile-friendly, but still represents a full-fledged component. It is deprecated and meant to be gradually replaced by the new tabs, with not specific timeline set yet."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Tab group",height:"160px",mdxType:"Story"},{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '})))}MDXContent.isMDXComponent=!0;var tabs=function tabs(){return{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '}};tabs.storyName="Tabs",tabs.parameters={storySource:{source:'{\n template: `\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n `\n}'}};var tabGroup=function tabGroup(){return{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '}};tabGroup.storyName="Tab group",tabGroup.parameters={storySource:{source:'{\n template: `\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n `\n}'}};var componentMeta={title:"Angular/Tabs/Readme",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["tabs","tabGroup"]},mdxStoryNameToKey={Tabs:"tabs","Tab group":"tabGroup"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["tabs","tabGroup"]},"./libs/ui/src/lib/track/track-quick-start.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,flexibleFormItems:()=>flexibleFormItems,formItemsAsAGrid:()=>formItemsAsAGrid,formItemsAsAGridGroupedByColumns:()=>formItemsAsAGridGroupedByColumns,oppositeEdges:()=>oppositeEdges,toolbarWithSeveralButtonsGrouped:()=>toolbarWithSeveralButtonsGrouped,twoRowFixedFormItems:()=>twoRowFixedFormItems});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular/Track/Quick start",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"quick-start-and-component-faq"},"Quick start and component FAQ"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"how-to-move-items-to-opposite-edges"},"How to move items to opposite edges?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="flex"')," (default) with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'horizontalAlignment="justify"'),":"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Opposite edges",mdxType:"Story"},{template:'\n \n Button 1\n Button on the other edge\n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"can-i-do-a-toolbar-like-layout-using-just-cvi-ng-track"},"Can I do a toolbar-like layout using just ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"h2"},"cvi-ng-track"),"?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Sure! Just nest two tracks."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Note that in cases like this you can also use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'verticalAlignment="center"')," to balance items vertically."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Toolbar with several buttons grouped",mdxType:"Story"},{template:'\n \n \n Button to the left\n Another button\n \n \n A link on the right\n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-have-some-form-items-of-equal-width-they-need-to-wrap-into-multiple-rows-if-they-dont-fit-i-dont-care-about-item-width-across-different-rows-is-it-possible"},"I need to have some form items of equal width, they need to wrap into multiple rows if they don't fit. I don't care about item width across different rows. Is it possible?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, you can. Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="flex"')," (default) with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'flexColumnsEqual="true"')," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'flexIsMultiline="true"'),". You can also set ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'verticalAlignment="bottom"')," to make sure labels with multiple lines won't create misalignment with neighbouring items."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Note: by default some form controls have a maximum width. You can set ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-textfield--single-line--max-width"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-textfield--multiple-lines--max-width")," or similar CSS variables of a form control component to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"100%")," to make sure a form control fills all available space."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The variables can be set anywhere in a common parent eg. via ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"[ngStyle]"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Flexible form items",height:"200px",parameters:{chromatic:{disableSnapshot:!0}},mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-put-some-form-items-of-equal-width-on-the-first-row-along-with-a-single-form-item-on-the-second-row-taking-all-space-can-i-do-it"},"I need to put some form items of equal width on the first row along with a single form item on the second row taking all space. Can I do it?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, you can. Create a track and set it to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'flexDirection="vertical"')," with some ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"gap"),". Drop another track into it as a container for the first row. Then just add a single form item next to this child track."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"See the previous question to stretch a form item to all available width."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Two row fixed form items",height:"200px",parameters:{chromatic:{disableSnapshot:!0}},mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-have-some-form-items-of-equal-width-table-like-layout-items-should-flow-from-left-to-right-can-it-be-done"},"I need to have some form items of equal width (table-like layout). Items should flow from left to right. Can it be done?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, just use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="grid"'),". Items will wrap automatically into multiple rows if needed."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Form items as a grid",height:"200px",parameters:{chromatic:{disableSnapshot:!0}},mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-have-some-form-items-of-equal-width-table-like-layout-but-the-items-should-flow-from-top-to-bottom-column-by-column-can-it-be-done"},"I need to have some form items of equal width (table-like layout). But the items should flow from top to bottom, column by column. Can it be done?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="grid"')," with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"gridRows")," set to the needed amount of rows."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Form items as a grid, grouped by columns",height:"200px",mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})))}MDXContent.isMDXComponent=!0;var oppositeEdges=function oppositeEdges(){return{template:'\n \n Button 1\n Button on the other edge\n \n '}};oppositeEdges.storyName="Opposite edges",oppositeEdges.parameters={storySource:{source:'{\n template: `\n \n Button 1\n Button on the other edge\n \n `\n}'}};var toolbarWithSeveralButtonsGrouped=function toolbarWithSeveralButtonsGrouped(){return{template:'\n \n \n Button to the left\n Another button\n \n \n A link on the right\n \n \n '}};toolbarWithSeveralButtonsGrouped.storyName="Toolbar with several buttons grouped",toolbarWithSeveralButtonsGrouped.parameters={storySource:{source:'{\n template: `\n \n \n Button to the left\n Another button\n \n \n A link on the right\n \n \n `\n}'}};var flexibleFormItems=function flexibleFormItems(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};flexibleFormItems.storyName="Flexible form items",flexibleFormItems.parameters=Object.assign({storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}},{chromatic:{disableSnapshot:!0}});var twoRowFixedFormItems=function twoRowFixedFormItems(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};twoRowFixedFormItems.storyName="Two row fixed form items",twoRowFixedFormItems.parameters=Object.assign({storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}},{chromatic:{disableSnapshot:!0}});var formItemsAsAGrid=function formItemsAsAGrid(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};formItemsAsAGrid.storyName="Form items as a grid",formItemsAsAGrid.parameters=Object.assign({storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}},{chromatic:{disableSnapshot:!0}});var formItemsAsAGridGroupedByColumns=function formItemsAsAGridGroupedByColumns(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};formItemsAsAGridGroupedByColumns.storyName="Form items as a grid, grouped by columns",formItemsAsAGridGroupedByColumns.parameters={storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}};var componentMeta={title:"Angular/Track/Quick start",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["oppositeEdges","toolbarWithSeveralButtonsGrouped","flexibleFormItems","twoRowFixedFormItems","formItemsAsAGrid","formItemsAsAGridGroupedByColumns"]},mdxStoryNameToKey={"Opposite edges":"oppositeEdges","Toolbar with several buttons grouped":"toolbarWithSeveralButtonsGrouped","Flexible form items":"flexibleFormItems","Two row fixed form items":"twoRowFixedFormItems","Form items as a grid":"formItemsAsAGrid","Form items as a grid, grouped by columns":"formItemsAsAGridGroupedByColumns"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["oppositeEdges","toolbarWithSeveralButtonsGrouped","flexibleFormItems","twoRowFixedFormItems","formItemsAsAGrid","formItemsAsAGridGroupedByColumns"]},"./libs/styles/src/lib/scss/main.scss":()=>{},"./libs/ui/src/lib/table/table.component.md":module=>{"use strict";module.exports="## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cvi-ng-table` |\n| Component name | `TableComponent` |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nTo display a table component with or without header block, to where buttons, form inputs etc. can be added.\n"},"./libs/ui/src/lib/tooltip/tooltip.directive.md":module=>{"use strict";module.exports="## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cviNgTooltip` |\n| Directive name | `TooltipDirective` |\n| Permitted parent/ancestors | any |\n\n## Where to use\n\nWhen directive is applied to HTML element then hovering over the element displays tooltip above the HTML element.\n\nYou can customise `z-index` of the tooltip by redefining `--cvi-tooltip-zindex` CSS variable in your app.\n"},"?4f7e":()=>{},"?5580":()=>{},"?03fb":()=>{},"?6197":()=>{},"?b8cb":()=>{},"?c717":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js").configure)([__webpack_require__("./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.ts)$"),__webpack_require__("./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$")],module,!1)},"./libs/icons/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-icons","version":"1.13.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')},"./libs/ng-diagrams/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-ng-diagrams","version":"0.2.0","@angular/animations":">=14.1.0","@angular/common":">=14.1.0","@angular/core":">=14.1.0","@angular/platform-browser":">=14.1.0","@angular/platform-browser-dynamic":">=14.1.0","dependencies":{"d3":"^7.8.5","@types/d3":"^7.4.0"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')},"./libs/styles/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-styles","version":"2.4.2","dependencies":{"tslib":"^2.3.0","@fontsource/roboto":"^4.5.8"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')},"./libs/ui/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-ng","version":"2.5.2","peerDependencies":{"@angular/animations":">=14.1.0","@angular/cdk":">=14.1.0","@angular/common":">=14.1.0","@angular/core":">=14.1.0","@angular/elements":">=14.1.0","@angular/forms":">=14.1.0","@angular/platform-browser":">=14.1.0","@angular/platform-browser-dynamic":">=14.1.0"},"dependencies":{"tslib":"^2.3.0","sanitize-html":"2.7.1","rxjs":"~7.5.6","@egov/cvi-icons":"^1.1.0"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[471],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/angular/dist/ts3.9/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/angular/dist/ts3.9/client/preview/config.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@whitespace/storybook-addon-html/dist/esm/preset/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/storybook-addon-pseudo-states/dist/esm/preset/preview.js-generated-config-entry.js"),__webpack_exec__("./libs/storybook/.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"),__webpack_exec__("./libs/styles/src/lib/scss/main.scss"))));__webpack_require__.O()}]); \ No newline at end of file diff --git a/main.626bcd57.iframe.bundle.js b/main.626bcd57.iframe.bundle.js deleted file mode 100644 index 6976cb38..00000000 --- a/main.626bcd57.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkcvi_components=self.webpackChunkcvi_components||[]).push([[179],{"./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./storybook/src/lib/stories/angular.stories.mdx":"./libs/storybook/src/lib/stories/angular.stories.mdx","./storybook/src/lib/stories/icons/contributions.stories.mdx":"./libs/storybook/src/lib/stories/icons/contributions.stories.mdx","./storybook/src/lib/stories/icons/installation.stories.mdx":"./libs/storybook/src/lib/stories/icons/installation.stories.mdx","./storybook/src/lib/stories/icons/list.stories.mdx":"./libs/storybook/src/lib/stories/icons/list.stories.mdx","./storybook/src/lib/stories/icons/usage.stories.mdx":"./libs/storybook/src/lib/stories/icons/usage.stories.mdx","./storybook/src/lib/stories/intro.stories.mdx":"./libs/storybook/src/lib/stories/intro.stories.mdx","./storybook/src/lib/stories/ng-diagrams.stories.mdx":"./libs/storybook/src/lib/stories/ng-diagrams.stories.mdx","./storybook/src/lib/stories/styles/contributions.stories.mdx":"./libs/storybook/src/lib/stories/styles/contributions.stories.mdx","./storybook/src/lib/stories/styles/installation.stories.mdx":"./libs/storybook/src/lib/stories/styles/installation.stories.mdx","./storybook/src/lib/stories/styles/usage.stories.mdx":"./libs/storybook/src/lib/stories/styles/usage.stories.mdx","./storybook/src/lib/stories/styles/variables/colors.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/colors.stories.mdx","./storybook/src/lib/stories/styles/variables/spacing.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/spacing.stories.mdx","./storybook/src/lib/stories/styles/variables/typography.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/typography.stories.mdx","./storybook/src/lib/stories/styles/variables/variables.stories.mdx":"./libs/storybook/src/lib/stories/styles/variables/variables.stories.mdx","./storybook/src/lib/stories/todos.stories.mdx":"./libs/storybook/src/lib/stories/todos.stories.mdx","./ui/src/lib/tabs/tabs-readme.stories.mdx":"./libs/ui/src/lib/tabs/tabs-readme.stories.mdx","./ui/src/lib/track/track-quick-start.stories.mdx":"./libs/ui/src/lib/track/track-quick-start.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.ts)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":"./libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","./ui/src/lib/accordion/accordion.component.stories.ts":"./libs/ui/src/lib/accordion/accordion.component.stories.ts","./ui/src/lib/accordion/accordion.html.stories.ts":"./libs/ui/src/lib/accordion/accordion.html.stories.ts","./ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts":"./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","./ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts":"./libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","./ui/src/lib/button/button.component.stories.ts":"./libs/ui/src/lib/button/button.component.stories.ts","./ui/src/lib/button/button.html.stories.ts":"./libs/ui/src/lib/button/button.html.stories.ts","./ui/src/lib/circle/circle.component.stories.ts":"./libs/ui/src/lib/circle/circle.component.stories.ts","./ui/src/lib/circle/circle.html.stories.ts":"./libs/ui/src/lib/circle/circle.html.stories.ts","./ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts":"./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","./ui/src/lib/content-container/content-container.component.stories.ts":"./libs/ui/src/lib/content-container/content-container.component.stories.ts","./ui/src/lib/content-container/content-container.html.stories.ts":"./libs/ui/src/lib/content-container/content-container.html.stories.ts","./ui/src/lib/content-panel/content-panel.component.stories.ts":"./libs/ui/src/lib/content-panel/content-panel.component.stories.ts","./ui/src/lib/content-panel/content-panel.html.stories.ts":"./libs/ui/src/lib/content-panel/content-panel.html.stories.ts","./ui/src/lib/datepicker/datepicker.component.stories.ts":"./libs/ui/src/lib/datepicker/datepicker.component.stories.ts","./ui/src/lib/datepicker/datepicker.html.stories.ts":"./libs/ui/src/lib/datepicker/datepicker.html.stories.ts","./ui/src/lib/feedback/feedback/feedback.component.stories.ts":"./libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","./ui/src/lib/form-item/form-item.component.stories.ts":"./libs/ui/src/lib/form-item/form-item.component.stories.ts","./ui/src/lib/form-item/form-item.html.stories.ts":"./libs/ui/src/lib/form-item/form-item.html.stories.ts","./ui/src/lib/form-message/form-message.component.stories.ts":"./libs/ui/src/lib/form-message/form-message.component.stories.ts","./ui/src/lib/html-section/html-section.component.stories.ts":"./libs/ui/src/lib/html-section/html-section.component.stories.ts","./ui/src/lib/html-section/html-section.html.stories.ts":"./libs/ui/src/lib/html-section/html-section.html.stories.ts","./ui/src/lib/icons/icon/icon.component.stories.ts":"./libs/ui/src/lib/icons/icon/icon.component.stories.ts","./ui/src/lib/icons/icon/icon.html.stories.ts":"./libs/ui/src/lib/icons/icon/icon.html.stories.ts","./ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts":"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","./ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts":"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","./ui/src/lib/input/input.component.stories.ts":"./libs/ui/src/lib/input/input.component.stories.ts","./ui/src/lib/input/input.html.stories.ts":"./libs/ui/src/lib/input/input.html.stories.ts","./ui/src/lib/modal/modal.component.stories.ts":"./libs/ui/src/lib/modal/modal.component.stories.ts","./ui/src/lib/modal/modal.directive.stories.ts":"./libs/ui/src/lib/modal/modal.directive.stories.ts","./ui/src/lib/modal/modal.html.stories.ts":"./libs/ui/src/lib/modal/modal.html.stories.ts","./ui/src/lib/notification/notification.component.stories.ts":"./libs/ui/src/lib/notification/notification.component.stories.ts","./ui/src/lib/notification/notification.html.stories.ts":"./libs/ui/src/lib/notification/notification.html.stories.ts","./ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts":"./libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","./ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts":"./libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","./ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts":"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","./ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts":"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","./ui/src/lib/screenreader-text/screenreader-text.component.stories.ts":"./libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","./ui/src/lib/screenreader-text/screenreader-text.html.stories.ts":"./libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","./ui/src/lib/select/select.component.stories.ts":"./libs/ui/src/lib/select/select.component.stories.ts","./ui/src/lib/select/select.html.stories.ts":"./libs/ui/src/lib/select/select.html.stories.ts","./ui/src/lib/status-badge/status-badge.component.stories.ts":"./libs/ui/src/lib/status-badge/status-badge.component.stories.ts","./ui/src/lib/status-badge/status-badge.html.stories.ts":"./libs/ui/src/lib/status-badge/status-badge.html.stories.ts","./ui/src/lib/steps/step-panel/step-panel.component.stories.ts":"./libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","./ui/src/lib/steps/step/step.component.stories.ts":"./libs/ui/src/lib/steps/step/step.component.stories.ts","./ui/src/lib/steps/steps/steps.component.stories.ts":"./libs/ui/src/lib/steps/steps/steps.component.stories.ts","./ui/src/lib/steps/steps/steps.html.stories.ts":"./libs/ui/src/lib/steps/steps/steps.html.stories.ts","./ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts":"./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","./ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","./ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","./ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","./ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts":"./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","./ui/src/lib/table/table.component.stories.ts":"./libs/ui/src/lib/table/table.component.stories.ts","./ui/src/lib/table/table.html.stories.ts":"./libs/ui/src/lib/table/table.html.stories.ts","./ui/src/lib/tabs/tab-group.component.stories.ts":"./libs/ui/src/lib/tabs/tab-group.component.stories.ts","./ui/src/lib/tabs/tab-group.html.stories.ts":"./libs/ui/src/lib/tabs/tab-group.html.stories.ts","./ui/src/lib/tabs/tabs.component.stories.ts":"./libs/ui/src/lib/tabs/tabs.component.stories.ts","./ui/src/lib/tabs/tabs.html.stories.ts":"./libs/ui/src/lib/tabs/tabs.html.stories.ts","./ui/src/lib/textarea/textarea.component.stories.ts":"./libs/ui/src/lib/textarea/textarea.component.stories.ts","./ui/src/lib/textarea/textarea.html.stories.ts":"./libs/ui/src/lib/textarea/textarea.html.stories.ts","./ui/src/lib/timed-notice/timed-notice.component.stories.ts":"./libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","./ui/src/lib/timed-notice/timed-notice.html.stories.ts":"./libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","./ui/src/lib/toast/toast.html.stories.ts":"./libs/ui/src/lib/toast/toast.html.stories.ts","./ui/src/lib/toast/toast.service.stories.ts":"./libs/ui/src/lib/toast/toast.service.stories.ts","./ui/src/lib/tooltip/tooltip.directive.stories.ts":"./libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","./ui/src/lib/tooltip/tooltip.html.stories.ts":"./libs/ui/src/lib/tooltip/tooltip.html.stories.ts","./ui/src/lib/tooltip/tooltip.stories.ts":"./libs/ui/src/lib/tooltip/tooltip.stories.ts","./ui/src/lib/track/track.component.stories.ts":"./libs/ui/src/lib/track/track.component.stories.ts","./ui/src/lib/track/track.html.stories.ts":"./libs/ui/src/lib/track/track.html.stories.ts"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.ts)$"},"./libs/ui/src/lib/accordion/accordion.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>AccordionComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var animations=__webpack_require__("./node_modules/@angular/animations/fesm2020/animations.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),accordion_item_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts"),BehaviorSubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let AccordionComponent=class AccordionComponent{constructor(){this.expandedItems=[],this.singleOpen=!0,this.toggled=new core.EventEmitter,this.accordionId=(0,v4.Z)(),this.items=new BehaviorSubject.X([]),this.items$=this.items.asObservable(),this.changesSubscription=new Subscription.w0}get getHostClasses(){return"cvi-accordion"}ngAfterViewInit(){var _a;this.changesSubscription=null===(_a=this.accordionItemDirectives)||void 0===_a?void 0:_a.changes.subscribe((()=>this.items.next(this.accordionItemDirectives.toArray())))}getToggleState(index){return this.toggle.bind(this,index)}itemInExpanded(i){return this.expandedItems.indexOf(i)>=0}toggle(index){if(this.expandedItems.includes(index))this.expandedItems=this.expandedItems.filter((i=>i!==index));else{this.singleOpen&&(this.expandedItems=[]),this.expandedItems=[...this.expandedItems,index];const itemToScrollTo=document.getElementById("accordion-"+this.accordionId+"-item-"+index);itemToScrollTo&&itemToScrollTo.scrollIntoView(!0)}this.toggled.emit(index)}ngOnDestroy(){this.changesSubscription&&this.changesSubscription.unsubscribe()}};AccordionComponent.propDecorators={expandedItems:[{type:core.Input}],singleOpen:[{type:core.Input}],toggled:[{type:core.Output}],accordionItemDirectives:[{type:core.ContentChildren,args:[accordion_item_directive.u]}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},AccordionComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-accordion",template:'
      \n
    • \n \n
      \n \n
      {{ item.details }}
      \n
      \n \n
      \n       \n
      \n
      • \n
    \n\n\n
    \n \n
    \n \n

    {{item?.title}}

    \n     \n    \n',changeDetection:core.ChangeDetectionStrategy.OnPush,animations:[(0,animations.X$)("contentExpansion",[(0,animations.SB)("expanded",(0,animations.oB)({height:"*",opacity:1,visibility:"visible"})),(0,animations.SB)("collapsed",(0,animations.oB)({height:"0px",opacity:0,visibility:"hidden"})),(0,animations.eR)("expanded <=> collapsed",(0,animations.jt)("200ms cubic-bezier(.37,1.04,.68,.98)"))])]})],AccordionComponent)},"./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>AccordionContentDirective});var _a,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AccordionContentDirective=class AccordionContentDirective{constructor(templateRef){this.templateRef=templateRef}};AccordionContentDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],AccordionContentDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgAccordionContent]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)?_a:Object])],AccordionContentDirective)},"./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>AccordionHeaderDirective});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AccordionHeaderDirective=class AccordionHeaderDirective{constructor(templateRef){this.templateRef=templateRef}};AccordionHeaderDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],AccordionHeaderDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgAccordionHeader]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",[Object])],AccordionHeaderDirective)},"./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>AccordionItemDirective});var tslib__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_accordion_content_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts"),_accordion_header_directive__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts"),_accordion_title_directive__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts");let AccordionItemDirective=class AccordionItemDirective{constructor(){this.title="",this.details="",this.disabled=!1}};AccordionItemDirective.propDecorators={title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Input}],details:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Input}],disabled:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Input}],content:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ContentChild,args:[_accordion_content_directive__WEBPACK_IMPORTED_MODULE_0__.q]}],customTitle:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ContentChild,args:[_accordion_title_directive__WEBPACK_IMPORTED_MODULE_2__.g]}],customHeader:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ContentChild,args:[_accordion_header_directive__WEBPACK_IMPORTED_MODULE_1__.f]}]},AccordionItemDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_4__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Directive)({selector:"cvi-ng-accordion-item"})],AccordionItemDirective)},"./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>AccordionTitleDirective});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let AccordionTitleDirective=class AccordionTitleDirective{constructor(templateRef){this.templateRef=templateRef}};AccordionTitleDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],AccordionTitleDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgAccordionTitle]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",[Object])],AccordionTitleDirective)},"./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>BreadcrumbsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let BreadcrumbsComponent=class BreadcrumbsComponent{constructor(){this.iconName=null,this.breadcrumbChange=new core.EventEmitter}getMobileBreadcrumbIndex(){const lastElementIndex=this.breadcrumbs.length-1;for(let index=lastElementIndex-1;index>=0;index--)if(index!==lastElementIndex&&this.breadcrumbs[index].href)return index;return lastElementIndex}};BreadcrumbsComponent.propDecorators={breadcrumbs:[{type:core.Input}],iconName:[{type:core.Input}],breadcrumbChange:[{type:core.Output}]},BreadcrumbsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-breadcrumbs",template:'\n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],BreadcrumbsComponent)},"./libs/ui/src/lib/button/button.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>ButtonComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ButtonComponent=class ButtonComponent{constructor(){this.appearance="primary",this.size="m",this.disabled=!1,this.iconPosition="after",this._iconHeight=16,this.clickEvent=new core.EventEmitter}get iconHeight(){return this._iconHeight}set iconHeight(iconHeight){this._iconHeight=iconHeight}get getHostClasses(){return`cvi-button cvi-button--appearance-${this.appearance} cvi-button--size-${this.size}${this.disabled?" cvi-button--is-disabled":""}`}onClick(){this.clickEvent.emit()}focus(){this.buttonRef.nativeElement.focus()}};ButtonComponent.propDecorators={appearance:[{type:core.Input}],size:[{type:core.Input}],disabled:[{type:core.Input}],iconPosition:[{type:core.Input}],iconHeight:[{type:core.Input}],iconName:[{type:core.Input}],clickEvent:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}],buttonRef:[{type:core.ViewChild,args:["buttonRef"]}]},ButtonComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-button",template:'\n\n\n \n \n\n\n\n \n\n'})],ButtonComponent)},"./libs/ui/src/lib/button/button.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var ButtonAppearance,ButtonSize;__webpack_require__.d(__webpack_exports__,{L:()=>ButtonAppearance,q:()=>ButtonSize}),function(ButtonAppearance){ButtonAppearance.PRIMARY="primary",ButtonAppearance.SECONDARY="secondary",ButtonAppearance.TEXT="text"}(ButtonAppearance||(ButtonAppearance={})),function(ButtonSize){ButtonSize.S="s",ButtonSize.M="m"}(ButtonSize||(ButtonSize={}))},"./libs/ui/src/lib/character-counter/character-counter.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>CharacterCounterComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let CharacterCounterComponent=class CharacterCounterComponent{constructor(cdRef){this.cdRef=cdRef,this.charsMax=0,this.charsUsed=0}detectChanges(){this.cdRef.markForCheck(),this.cdRef.detectChanges()}};CharacterCounterComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],CharacterCounterComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-character-counter",template:'
    \n {{charsUsed}} / {{charsMax}}\n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],CharacterCounterComponent)},"./libs/ui/src/lib/character-counter/character-counter.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>CharacterCounterDirective});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_character_counter_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.component.ts");let CharacterCounterDirective=class CharacterCounterDirective{constructor(elementRef,viewContainerRef,renderer){this.elementRef=elementRef,this.viewContainerRef=viewContainerRef,this.renderer=renderer,this.maxChars="",this.componentRef=null,this.inputRef=null}onInputChange(){this.componentRef&&null!==this.inputRef&&(this.componentRef.instance.charsUsed=this.inputRef.value.length,this.componentRef.instance.detectChanges())}onModelChange(event){var _a;const length=null===(_a=String(event))||void 0===_a?void 0:_a.length;this.componentRef&&void 0!==length&&(this.componentRef.instance.charsUsed=length,this.componentRef.instance.detectChanges())}ngAfterViewInit(){const childNode=Array.from(this.elementRef.nativeElement.childNodes).find((el=>("INPUT"===el.nodeName&&"text"===el.type||"TEXTAREA"===el.nodeName)&&(-1!==el.maxLength&&524288!==el.maxLength||this.maxChars)));void 0!==childNode&&(this.maxChars&&this.renderer.setAttribute(childNode,"maxLength",this.maxChars),this.inputRef=childNode),null===this.componentRef&&null!==this.inputRef&&(this.componentRef=this.viewContainerRef.createComponent(_character_counter_component__WEBPACK_IMPORTED_MODULE_0__.V),this.componentRef.instance.charsUsed=this.inputRef.value.length,this.componentRef.instance.charsMax=this.inputRef.maxLength,setTimeout((()=>this.onInputChange())))}};CharacterCounterDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2}],CharacterCounterDirective.propDecorators={maxChars:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],onInputChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["input"]}],onModelChange:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["ngModelChange",["$event"]]}]},CharacterCounterDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgCharacterCounter]",exportAs:"cviNgCharacterCounter"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_b:Object,"function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2)?_c:Object])],CharacterCounterDirective)},"./libs/ui/src/lib/circle/circle.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>CircleComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const circleThemePropertyGroups=[{theme:"dark",properties:{"--border-color":"--cvi-color-sapphire-blue-13","--color":"--cvi-color-sapphire-blue-13"}},{theme:"light",properties:{"--border-color":"--cvi-color-white","--color":"--cvi-color-white"}}],circleSeverityPropertyGroups=[{severity:"none",properties:{"--background-color":"transparent","--progress-background-color":"--cvi-color-white"}},{severity:"success",properties:{"--background-color":"--cvi-color-sea-green-10","--progress-background-color":"--cvi-color-sea-green-10","--color":"--cvi-color-white"}},{severity:"error",properties:{"--background-color":"--cvi-color-jasper-10","--progress-background-color":"--cvi-color-jasper-10","--color":"--cvi-color-white"}},{severity:"info",properties:{"--background-color":"--cvi-color-sapphire-blue-13","--progress-background-color":"--cvi-color-sapphire-blue-13","--color":"--cvi-color-white"}}];let CircleComponent=class CircleComponent{constructor(){this.theme="light",this.severity="none",this.size="s",this.iconName=void 0,this.progressPercentage=void 0}get hostClasses(){return`cvi-circle cvi-circle--size-${this.size} cvi-circle--severity-${this.severity}`}get hostProgressClass(){return void 0!==this.progressPercentage}get hostStyleBorderColor(){return this.getThemeProperty("--border-color")}get hostStyleColor(){return"none"===this.severity?this.getThemeProperty("--color"):this.getSeverityProperty("--color")}get hostStyleBackgroundColor(){return this.getSeverityProperty("--background-color")}get hostStyleProgress(){return this.progressPercentage?this.progressPercentage+"%":null}get hostStyleProgressBackgroundColor(){return this.getSeverityProperty("--progress-background-color")}getThemeProperty(propName){const item=circleThemePropertyGroups.find((group=>group.theme===this.theme));return item?`var(${item.properties[propName]})`:null}getSeverityProperty(propName){const item=circleSeverityPropertyGroups.find((group=>group.severity===this.severity));if(item){const cssValue=item.properties[propName];return"transparent"!==cssValue?`var(${cssValue})`:"transparent"}return null}};CircleComponent.propDecorators={theme:[{type:core.Input}],severity:[{type:core.Input}],size:[{type:core.Input}],iconName:[{type:core.Input}],progressPercentage:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}],hostProgressClass:[{type:core.HostBinding,args:["class.cvi-circle--with-progress"]}],hostStyleBorderColor:[{type:core.HostBinding,args:["style.--border-color"]}],hostStyleColor:[{type:core.HostBinding,args:["style.--color"]}],hostStyleBackgroundColor:[{type:core.HostBinding,args:["style.--background-color"]}],hostStyleProgress:[{type:core.HostBinding,args:["style.--progress"]}],hostStyleProgressBackgroundColor:[{type:core.HostBinding,args:["style.--progress-background-color"]}]},CircleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-circle",template:'\n \n\n\n\n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],CircleComponent)},"./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>ConfirmationModalComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");__webpack_require__("./libs/ui/src/lib/button/button.component.ts");let ConfirmationModalComponent=class ConfirmationModalComponent{constructor(){this.title="",this.cancelButtonText="",this.confirmButtonText="",this.cancelled=new core.EventEmitter,this.confirmed=new core.EventEmitter}ngAfterViewInit(){var _a;null===(_a=this.cancelButtonRef)||void 0===_a||_a.focus()}};ConfirmationModalComponent.propDecorators={title:[{type:core.Input}],cancelButtonText:[{type:core.Input}],confirmButtonText:[{type:core.Input}],cancelled:[{type:core.Output}],confirmed:[{type:core.Output}],cancelButtonRef:[{type:core.ViewChild,args:["cancelButtonRef"]}]},ConfirmationModalComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-confirmation-modal",template:'

    \n {{ title }}\n

    \n
    \n \n
    \n
    \n \n \n {{ cancelButtonText }}\n \n \n {{ confirmButtonText }}\n \n \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ConfirmationModalComponent)},"./libs/ui/src/lib/content-container/content-container.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>ContentContainerComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ContentContainerComponent=class ContentContainerComponent{get getHostClasses(){return"cvi-content-container"}};ContentContainerComponent.propDecorators={getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ContentContainerComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-content-container",template:""})],ContentContainerComponent)},"./libs/ui/src/lib/content-panel/content-panel.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>ContentPanelComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ContentPanelComponent=class ContentPanelComponent{constructor(){this.title=""}get getHostClasses(){return"cvi-content-panel"}};ContentPanelComponent.propDecorators={title:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},ContentPanelComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-content-panel",template:'

    {{ title }}

    \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ContentPanelComponent)},"./libs/ui/src/lib/datepicker/datepicker-calendar.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{F:()=>DatepickerCalendarComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let DatepickerCalendarComponent=class DatepickerCalendarComponent{constructor(){this.dateChanged=new core.EventEmitter,this.today=new Date,this.calendarArray=[]}ngOnInit(){0===this.calendarArray.length&&(this.displayDate=new Date,this.calendarArray=this.getCalendarArray(this.displayDate))}ngOnChanges(changes){changes.date&&this.date&&(this.selectedDate=this.parseDate(this.date),this.displayDate=new Date(this.selectedDate),this.calendarArray=this.getCalendarArray(this.displayDate))}parseDate(date){const[day,month,year]=date.split(".").map(Number);return new Date(year,month-1,day)}getCalendarArray(date){const firstDay=new Date(date.getFullYear(),date.getMonth(),1).getDay(),adjustedFirstDay=0===firstDay?7:firstDay,numberOfDays=new Date(date.getFullYear(),date.getMonth()+1,0).getDate(),weeks=[];let day=1,week=[];for(let i=1;i<=7;i++)iday<=numberOfDays?day++:0)),weeks.push(week);return weeks}getDateClass(day,index){let classes="";const isSelectedDate=this.selectedDate&&day===this.selectedDate.getDate()&&this.displayDate.getMonth()===this.selectedDate.getMonth()&&this.displayDate.getFullYear()===this.selectedDate.getFullYear();return isSelectedDate&&(classes+=" cvi-datepicker__calendar-button--selected"),day===this.today.getDate()&&this.displayDate.getMonth()===this.today.getMonth()&&this.displayDate.getFullYear()===this.today.getFullYear()&&!isSelectedDate&&(classes+=" cvi-datepicker__calendar-button--today"),isSelectedDate||5!==index&&6!==index||(classes+=" cvi-datepicker__calendar-button--weekend"),classes.trim()}handleClick(day){this.selectedDate=new Date(this.displayDate.getFullYear(),this.displayDate.getMonth(),day),this.dateChanged.emit(this.formatDate(this.selectedDate))}previousMonth(){this.displayDate.setMonth(this.displayDate.getMonth()-1),this.calendarArray=this.getCalendarArray(this.displayDate)}nextMonth(){this.displayDate.setMonth(this.displayDate.getMonth()+1),this.calendarArray=this.getCalendarArray(this.displayDate)}formatDate(date){return`${this.pad(date.getDate())}.${this.pad(date.getMonth()+1)}.${date.getFullYear()}`}pad(n){return n<10?"0"+n:""+n}};DatepickerCalendarComponent.propDecorators={date:[{type:core.Input}],dayShorthandLabels:[{type:core.Input}],dayFullLabels:[{type:core.Input}],monthLabels:[{type:core.Input}],baseId:[{type:core.Input}],dateChanged:[{type:core.Output}]},DatepickerCalendarComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-datepicker-calendar",template:'\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],DatepickerCalendarComponent)},"./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>DATEPICKER_LABEL_CONFIG});const DATEPICKER_LABEL_CONFIG=new(__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs").InjectionToken)("datepicker.label.config")},"./libs/ui/src/lib/datepicker/datepicker.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>DatepickerComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),datepicker_label_config_token=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts");class DatepickerLabelConfig{}var _a,_b,v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let DatepickerComponent=class DatepickerComponent{constructor(labelConfig,elementRef){this.labelConfig=labelConfig,this.elementRef=elementRef,this.disabled=!1,this.placeholder="",this.dayShorthandLabels$=this.labelConfig.getDayShorthandLabels(),this.dayFullLabels$=this.labelConfig.getDayFullLabels(),this.monthLabels$=this.labelConfig.getMonthLabels(),this.screenreaderLabel$=this.labelConfig.getScreenReaderLabel(),this.screenreaderDescription$=this.labelConfig.getScreenReaderDescription(),this.focus=!1,this.valueValidated="",this.baseId="datepicker-"+(0,v4.Z)(),this.onChanged=_=>{},this.onTouched=()=>{},this.select=elementRef.nativeElement}handleClickOutside(event){const targetElement=event.target;this.disabled||this.select.contains(event.target)||targetElement.classList.contains("cvi-datepicker__input-icon-wrapper")||this.setFocus(!1)}onInput(event){const inputElement=event.target;inputElement.value=this.handleValue(inputElement.value)}handleValue(value){return(value=value.replace(/[^\d.]/g,"")).length>=3&&"."!==value.charAt(2)&&value.split(".").length-1<2&&(value=value.substring(0,2)+"."+value.substring(2)),value.length>=6&&"."!==value.charAt(5)&&value.split(".").length-1<2&&(value=value.substring(0,5)+"."+value.substring(5)),value}handleKeyboardEvent(event){"Escape"===event.key&&this.setFocus(!1)}get getHostClasses(){return"cvi-textfield"+(this.disabled?" cvi-datepicker__input-container--is-disabled":"")}get value(){return this.internalValue}set value(val){this.internalValue=val,this.onChanged(null!=val?val:""),this.onTouched(),this.validateValue(null!=val?val:"")&&(this.valueValidated=null!=val?val:"")}writeValue(value){this.internalValue=value}registerOnChange(fn){this.onChanged=fn}registerOnTouched(fn){this.onTouched=fn}setFocus(focus){this.disabled||(this.focus=focus)}handleDateSelect(value){this.value=value,this.setFocus(!1)}validateValue(value){if(!/^([1-9]|0[1-9]|1[0-9]|2[0-9]|3[0-1])\.([1-9]|0[1-9]|1[0-2])\.[1-2][0-9]{3}$/.test(value))return!1;const[day,month,year]=value.split(".").map(Number),date=new Date(year,month-1,day);return date.getDate()===day&&date.getMonth()===month-1&&date.getFullYear()===year}toggleFocus(){const focus=!this.focus;this.setFocus(focus)}};DatepickerComponent.ctorParameters=()=>[{type:DatepickerLabelConfig,decorators:[{type:core.Inject,args:[datepicker_label_config_token.c]}]},{type:core.ElementRef}],DatepickerComponent.propDecorators={htmlId:[{type:core.Input}],disabled:[{type:core.Input}],placeholder:[{type:core.Input}],calendarComponent:[{type:core.ViewChild,args:["datePickerCalendar"]}],handleClickOutside:[{type:core.HostListener,args:["document:click",["$event"]]}],onInput:[{type:core.HostListener,args:["input",["$event"]]}],handleKeyboardEvent:[{type:core.HostListener,args:["document:keydown",["$event"]]}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},DatepickerComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-datepicker",template:'\n \n {{description}}\n\n \n \n \n\n
    {{ value }}
    \n\n',providers:[{provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>DatepickerComponent)),multi:!0}],changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==DatepickerLabelConfig&&DatepickerLabelConfig)?_a:Object,"function"==typeof(_b=void 0!==core.ElementRef&&core.ElementRef)?_b:Object])],DatepickerComponent)},"./libs/ui/src/lib/directives/data-attribute.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>DataAttributeDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const DATA_ATTRIBUTE_TOKEN=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken("DATA_ATTRIBUTE_TOKEN",{providedIn:"root",factory:()=>"cy"});let DataAttributeDirective=class DataAttributeDirective{constructor(token,renderer,el){this.token=token,this.renderer=renderer,this.el=el,this.value=""}ngOnInit(){this.renderer.setAttribute(this.el.nativeElement,`data-${this.token}`,this.value)}};DataAttributeDirective.ctorParameters=()=>[{type:String,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Inject,args:[DATA_ATTRIBUTE_TOKEN]}]},{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Renderer2},{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef}],DataAttributeDirective.propDecorators={value:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input,args:["dataAttribute"]}]},DataAttributeDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[dataAttribute]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",[String,"function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.Renderer2&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.Renderer2)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef)?_b:Object])],DataAttributeDirective)},"./libs/ui/src/lib/feedback/feedback/feedback.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>FeedbackComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let FeedbackComponent=class FeedbackComponent{constructor(){this.title="Did you find what you were looking for?",this.options=[{value:"NO",label:"No"},{value:"PARTIALLY",label:"Partially"},{value:"YES",label:"Yes"}],this.appearance="regular",this.showIcons=!1,this.radioButtonsControl=new fesm2020_forms.FormControl(""),this.destroyed$=new Subject.x,this.valueChangedFn=()=>{},this.onTouched=()=>{}}ngOnInit(){this.radioButtonsControl.valueChanges.pipe((0,takeUntil.R)(this.destroyed$)).subscribe((value=>this.valueChangedFn(value)))}ngOnDestroy(){this.destroyed$.next(void 0),this.destroyed$.complete()}registerOnChange(fn){this.valueChangedFn=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){isDisabled?this.radioButtonsControl.disable():this.radioButtonsControl.enable()}writeValue(value){this.radioButtonsControl.setValue(value)}};FeedbackComponent.propDecorators={title:[{type:core.Input}],options:[{type:core.Input}],appearance:[{type:core.Input}],showIcons:[{type:core.Input}]},FeedbackComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-feedback",template:'\n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush,providers:[{provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>FeedbackComponent)),multi:!0}],styles:[":host {\n --cvi-radio-group--list--font-size: 12px;\n}"]})],FeedbackComponent)},"./libs/ui/src/lib/form-item/form-item.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>FormItemComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let FormItemComponent=class FormItemComponent{constructor(){this.labelPosition="top",this.isLabelHidden=!1,this.required=!1}get getHostClasses(){return`cvi-form-item cvi-form-item--label-position-${this.labelPosition}${this.required?" cvi-form-item--is-required":""}`}};FormItemComponent.propDecorators={htmlId:[{type:core.Input}],label:[{type:core.Input}],labelPosition:[{type:core.Input}],isLabelHidden:[{type:core.Input}],required:[{type:core.Input}],labelId:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},FormItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-form-item",template:"\n\n"})],FormItemComponent)},"./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>FormMessageSeverityToHeaderIconPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let FormMessageSeverityToHeaderIconPipe=class FormMessageSeverityToHeaderIconPipe{transform(severity){return"warning"===severity?"warning_amber":"error"===severity?"error_outline":void 0}};FormMessageSeverityToHeaderIconPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"FormMessageSeverityToHeaderIcon"})],FormMessageSeverityToHeaderIconPipe)},"./libs/ui/src/lib/form-message/form-message.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>FormMessageComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),form_message_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts");let FormMessageComponent=class FormMessageComponent{constructor(cdRef,iconPipe){this.cdRef=cdRef,this.iconPipe=iconPipe,this.message=""}get getHostClasses(){return`cvi-form-message cvi-form-message--severity-${this.severityLevel}`}detectChanges(){this.cdRef.markForCheck(),this.cdRef.detectChanges()}getIconName(){return this.iconPipe.transform(this.severityLevel)}};FormMessageComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef},{type:form_message_severity_to_header_icon_pipe.C}],FormMessageComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},FormMessageComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-form-message",template:'\n {{ title }} {{ message }}\n',providers:[form_message_severity_to_header_icon_pipe.C],changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object,"function"==typeof(_b=void 0!==form_message_severity_to_header_icon_pipe.C&&form_message_severity_to_header_icon_pipe.C)?_b:Object])],FormMessageComponent)},"./libs/ui/src/lib/form-message/form-message.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>FormMessageDirective});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_form_message_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts");let FormMessageDirective=class FormMessageDirective{constructor(elementRef,viewContainerRef,renderer){this.elementRef=elementRef,this.viewContainerRef=viewContainerRef,this.renderer=renderer,this.message="",this.componentRef=null,this.container=null,this.inputRef=null}ngOnChanges(){this.displayMessage?this.componentRef&&null!==this.inputRef?this.updateComponentProperties():this.displayMessage&&this.createComponent():this.destroyComponent()}get hostFormInputBorderColor(){return this.displayMessage&&"warning"===this.severityLevel?"var(--cvi-color-dark-tangerine-10)":this.displayMessage&&"error"===this.severityLevel?"var(--cvi-color-jasper-10)":"var(--cvi-color-black-coral-5)"}createComponent(){const childNode=Array.from(this.elementRef.nativeElement.childNodes).find((el=>["DIV","TEXTAREA","INPUT"].includes(el.nodeName)));this.inputRef=childNode,!this.componentRef&&this.inputRef&&(this.container=this.renderer.createElement("div"),this.renderer.insertBefore(this.elementRef.nativeElement,this.container,this.componentRef),this.componentRef=this.viewContainerRef.createComponent(_form_message_component__WEBPACK_IMPORTED_MODULE_0__.K),this.renderer.appendChild(this.container,this.componentRef.location.nativeElement),this.updateComponentProperties())}destroyComponent(){this.componentRef&&(this.componentRef.destroy(),this.componentRef=null),this.container&&(this.renderer.removeChild(this.elementRef.nativeElement,this.container),this.container=null)}updateComponentProperties(){this.componentRef&&(this.componentRef.instance.displayMessage=this.displayMessage,this.componentRef.instance.message=this.message,this.componentRef.instance.severityLevel=this.severityLevel,this.componentRef.instance.title=this.title+": ",this.componentRef.instance.detectChanges())}};FormMessageDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2}],FormMessageDirective.propDecorators={message:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],severityLevel:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],displayMessage:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],title:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],hostFormInputBorderColor:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["style.--cvi-form-input-border-color"]}]},FormMessageDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgFormMessage]",exportAs:"cviNgFormMessage"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_b:Object,"function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.Renderer2)?_c:Object])],FormMessageDirective)},"./libs/ui/src/lib/html-section/html-section.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>HtmlSectionComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_elements=__webpack_require__("./node_modules/@angular/elements/fesm2020/elements.mjs"),icon_component=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts"),labeled_icon_component=__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts"),track_component=__webpack_require__("./libs/ui/src/lib/track/track.component.ts");let HtmlSectionComponent=class HtmlSectionComponent{constructor(injector){this.injector=injector,this.html="",this.sanitize=!0,this.customElements=[[labeled_icon_component.K,"cvi-web-labeled-icon"],[icon_component.o,"cvi-web-icon"],[track_component.W,"cvi-web-track"]],this.allowedTags=["cvi-web-labeled-icon","cvi-web-icon","cvi-web-track"],this.allowedAttributes={"cvi-web-labeled-icon":["name"],"cvi-web-icon":["name"],"cvi-web-track":["gap","layout","flex-columns-equal","grid-rows","horizontal-alignment","vertical-alignment","flex-direction","flex-is-multiline"]}}onClick(){this.htmlSectionRef&&this.htmlSectionRef.nativeElement.innerHTML!==this.html&&(this.html=this.htmlSectionRef.nativeElement.innerHTML)}ngOnInit(){this.createCustomElements(this.customElements)}createCustomElements(elements){elements.filter((([,name])=>!customElements.get(name))).forEach((([component,name])=>{const element=(0,fesm2020_elements.iD)(component,{injector:this.injector});customElements.define(name,element)}))}};HtmlSectionComponent.ctorParameters=()=>[{type:core.Injector}],HtmlSectionComponent.propDecorators={html:[{type:core.Input}],sanitize:[{type:core.Input}],customElements:[{type:core.Input}],allowedTags:[{type:core.Input}],allowedAttributes:[{type:core.Input}],htmlSectionRef:[{type:core.ViewChild,args:["htmlSectionRef"]}],onClick:[{type:core.HostListener,args:["document:click"]}]},HtmlSectionComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-html-section",template:'
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.Injector&&core.Injector)?_a:Object])],HtmlSectionComponent)},"./libs/ui/src/lib/html-section/safe-html-pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>SafeHtmlPipe});var _a,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/platform-browser/fesm2020/platform-browser.mjs"),sanitize_html__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/sanitize-html/index.js"),sanitize_html__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(sanitize_html__WEBPACK_IMPORTED_MODULE_0__);let SafeHtmlPipe=class SafeHtmlPipe{constructor(sanitizer){this.sanitizer=sanitizer}transform(value,allowedTags,allowedAttributes){const sanitizedHtml=this.sanitize(value||"",allowedTags,allowedAttributes);return this.sanitizer.bypassSecurityTrustHtml(sanitizedHtml)}sanitize(dirty,allowedTags,allowedAttributes){var _a,_b,_c;return sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()(dirty,{allowedTags:null===(_b=null===(_a=null===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()||void 0===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()?void 0:sanitize_html__WEBPACK_IMPORTED_MODULE_0___default().defaults)||void 0===_a?void 0:_a.allowedTags)||void 0===_b?void 0:_b.concat(allowedTags),allowedAttributes:Object.assign(Object.assign(Object.assign({},null===(_c=null===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()||void 0===sanitize_html__WEBPACK_IMPORTED_MODULE_0___default()?void 0:sanitize_html__WEBPACK_IMPORTED_MODULE_0___default().defaults)||void 0===_c?void 0:_c.allowedAttributes),{"*":["class"]}),allowedAttributes)})}};SafeHtmlPipe.ctorParameters=()=>[{type:_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__.DomSanitizer}],SafeHtmlPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Pipe)({name:"safeHtml"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__.DomSanitizer&&_angular_platform_browser__WEBPACK_IMPORTED_MODULE_1__.DomSanitizer)?_a:Object])],SafeHtmlPipe)},"./libs/ui/src/lib/icons/icon/icon.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>IconComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),icons_registry_service=__webpack_require__("./libs/ui/src/lib/icons/icons-registry.service.ts"),common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts");let IconComponent=class IconComponent{constructor(element,registry,document){this.element=element,this.registry=registry,this.document=document,this.svgClass="",this.height=icon.b}svgElementFromString(svgContent){const div=this.document.createElement("DIV");div.innerHTML=svgContent;const svg=div.querySelector("svg");return svg.setAttribute("class",this.svgClass),this.height&&svg.setAttribute("height",`${this.height}px`),svg||this.document.createElementNS("http://www.w3.org/2000/svg","path")}ngOnChanges(){if(!this.name)return;this.svgIcon&&this.element.nativeElement.removeChild(this.svgIcon);const svgData=this.registry.getIcon(this.name);svgData&&(this.svgIcon=this.svgElementFromString(svgData),this.element.nativeElement.appendChild(this.svgIcon))}};IconComponent.ctorParameters=()=>[{type:core.ElementRef},{type:icons_registry_service.Z},{type:void 0,decorators:[{type:core.Optional},{type:core.Inject,args:[common.K0]}]}],IconComponent.propDecorators={svgClass:[{type:core.Input}],name:[{type:core.Input}],height:[{type:core.Input}]},IconComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-icon",template:"\n",changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ElementRef&&core.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==icons_registry_service.Z&&icons_registry_service.Z)?_b:Object,Object])],IconComponent)},"./libs/ui/src/lib/icons/icon/icon.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>iconSizeDefault});const iconSizeDefault=24},"./libs/ui/src/lib/icons/icons-registry.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>IconsRegistry});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let IconsRegistry=class IconsRegistry{constructor(){this.registry=new Map}registerIcons(icons){icons.forEach((icon=>this.registry.set(icon.name,icon.data)))}getIcon(iconName){return this.registry.has(iconName)||console.warn(`We could not find the Icon with the name ${iconName}, did you add it to the IconRegistry?`),this.registry.get(iconName)}};IconsRegistry=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"})],IconsRegistry)},"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>LabeledIconComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts");let LabeledIconComponent=class LabeledIconComponent{constructor(){this.iconPosition="before",this.svgClass="",this.iconHeight=icon.b,this.gap=4,this.iconClass="cvi-labeled-icon__icon-wrapper",this.verticalAlignment="normal"}get hostClasses(){return"cvi-labeled-icon"}};LabeledIconComponent.propDecorators={iconPosition:[{type:core.Input}],name:[{type:core.Input}],svgClass:[{type:core.Input}],iconHeight:[{type:core.Input}],gap:[{type:core.Input}],iconClass:[{type:core.Input}],verticalAlignment:[{type:core.Input}],content:[{type:core.ViewChild,args:["content"]}],hostClasses:[{type:core.HostBinding,args:["class"]}]},LabeledIconComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-labeled-icon",template:'\n \n \n \n\n
    \n \n
    \n\n \n \n \n    \n\n\n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],LabeledIconComponent)},"./libs/ui/src/lib/icons/storybook-icons.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>storybookIconsNames,X:()=>storybookIcons});var _egov_cvi_icons__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./dist/libs/icons/index.js");const icons=Object.entries(_egov_cvi_icons__WEBPACK_IMPORTED_MODULE_0__).filter((item=>"completeIconSet"!==item[0])).map((([,v])=>v)),storybookIcons=icons,storybookIconsNames=icons.map((item=>item.name))},"./libs/ui/src/lib/input/input.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>InputComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const inputComponentValueAccessor={provide:__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs").NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>InputComponent)),multi:!0},inputRegex={positiveNumbers:/\D/g},patterns={positiveNumbers:"[0-9]*"},inputModes={positiveNumbers:"numeric"};let InputComponent=class InputComponent{constructor(){this.placeholder="",this.valueChange=new core.EventEmitter,this._disabled=!1,this._validationType=null,this.onChanged=()=>this.valueChange.emit(this._internalValue),this.onTouched=()=>{},this.propagateDisabled=_=>{}}set disabled(value){this._disabled=value}get disabled(){return this._disabled}set validationType(value){this._validationType=value}get validationType(){return this._validationType}get getHostClasses(){return`cvi-textfield cvi-textfield--type-single-line${this.disabled?" cvi-textfield--is-disabled":""}${this.suffixIconName?" cvi-textfield--has-suffix-icon":""}`}onInput(event){const inputElement=event.target;inputElement.value=this.handleValue(inputElement.value)}handleValue(value){return null!==this.validationType&&(value=value.replace(inputRegex[this.validationType],"")),value}get pattern(){return null!==this.validationType&&this.validationType in patterns?patterns[this.validationType]:null}get inputMode(){return null!==this.validationType&&this.validationType in inputModes?inputModes[this.validationType]:null}setValue(value){this.onChanged(this.handleValue(value)),this.onTouched()}writeValue(value){this._internalValue=value}registerOnChange(fn){this.onChanged=fn}registerOnTouched(fn){this.onTouched=fn}registerOnDisabledChange(fn){this.propagateDisabled=fn}setDisabledState(isDisabled){this.disabled=isDisabled}};InputComponent.propDecorators={htmlId:[{type:core.Input}],maxLength:[{type:core.Input}],disabled:[{type:core.Input}],placeholder:[{type:core.Input}],suffixIconName:[{type:core.Input}],validationType:[{type:core.Input}],valueChange:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}],onInput:[{type:core.HostListener,args:["input",["$event"]]}]},InputComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-input",template:'\n\n\n\n',providers:[inputComponentValueAccessor]})],InputComponent)},"./libs/ui/src/lib/modal/modal.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>ModalComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ModalComponent=class ModalComponent{constructor(){this.closed=new core.EventEmitter}get getHostClasses(){return"cvi-modal"}ngOnDestroy(){this.closeModal()}closeModal(){this.closed.emit()}};ModalComponent.propDecorators={closed:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},ModalComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-modal",template:'\n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ModalComponent)},"./libs/ui/src/lib/modal/modal.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>ModalDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_modal_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs");let ModalDirective=class ModalDirective{constructor(viewContainerRef,document){this.viewContainerRef=viewContainerRef,this.document=document,this.open=!1,this.componentRef=null}ngOnInit(){this.open&&(this.createModal(),this.showModal())}onClick(){this.componentRef||(this.createModal(),this.showModal())}createModal(){this.componentRef=this.viewContainerRef.createComponent(_modal_component__WEBPACK_IMPORTED_MODULE_0__.z),this.componentRef.instance.templateRef=this.cviNgModal,this.componentRef.instance.title=this.modalTitle,this.componentRef.instance.closed.subscribe((()=>this.hideModal()))}showModal(){if(this.componentRef){const domElement=this.componentRef.hostView.rootNodes[0];this.document.body.appendChild(domElement)}}hideModal(){var _a;null===(_a=this.componentRef)||void 0===_a||_a.destroy(),this.componentRef=null}};ModalDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:Document,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.K0]}]}],ModalDirective.propDecorators={cviNgModal:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],modalTitle:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],open:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],onClick:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["click"]}]},ModalDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgModal]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_3__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_a:Object,"function"==typeof(_b="undefined"!=typeof Document&&Document)?_b:Object])],ModalDirective)},"./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{b:()=>NotificationSeverityToHeaderIconPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let NotificationSeverityToHeaderIconPipe=class NotificationSeverityToHeaderIconPipe{transform(severity){return"success"===severity?"check_circle_outline":"warning"===severity?"warning_amber":"error"===severity?"error_outline":"info"===severity?"info":void 0}};NotificationSeverityToHeaderIconPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toHeaderIcon"})],NotificationSeverityToHeaderIconPipe)},"./libs/ui/src/lib/notification/notification.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>NotificationComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),notification_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts");let NotificationComponent=class NotificationComponent{constructor(iconPipe){this.iconPipe=iconPipe,this.severity="info",this.size="regular",this.showIcon=!0,this.showCloseButton=!0,this.closed=new core.EventEmitter}getIconName(){return this.showIcon?this.iconName||this.iconPipe.transform(this.severity):void 0}close(){this.closed.emit()}};NotificationComponent.ctorParameters=()=>[{type:notification_severity_to_header_icon_pipe.b}],NotificationComponent.propDecorators={severity:[{type:core.Input}],size:[{type:core.Input}],showIcon:[{type:core.Input}],iconName:[{type:core.Input}],showCloseButton:[{type:core.Input}],title:[{type:core.Input}],closed:[{type:core.Output}]},NotificationComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-notification",template:'
    \n \n
    \n
    \n \n \n

    {{ title }}

    \n     \n     \n \n

    {{ title }}

    \n     \n
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==notification_severity_to_header_icon_pipe.b&¬ification_severity_to_header_icon_pipe.b)?_a:Object])],NotificationComponent)},"./libs/ui/src/lib/radio-button/option-button/option-button.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>OptionButtonComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),radio_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts");let OptionButtonComponent=class OptionButtonComponent extends radio_button_component._{get getHostClasses(){return"cvi-radio-group__item"}};OptionButtonComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},OptionButtonComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-option-button",template:'\n',providers:[{provide:radio_button_component._,useExisting:OptionButtonComponent}]})],OptionButtonComponent)},"./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>RadioButtonComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let RadioButtonComponent=class RadioButtonComponent{constructor(changeDetector){this.changeDetector=changeDetector,this.checked=!1,this.disabled=!1,this.inputInteraction=new core.EventEmitter,this.roleAttr="listitem"}onInputInteraction(event){event.stopPropagation(),this.checked||this.inputInteraction.emit(this.value)}markForCheck(){this.changeDetector.markForCheck()}};RadioButtonComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],RadioButtonComponent.propDecorators={name:[{type:core.Input}],value:[{type:core.Input}],label:[{type:core.Input}],checked:[{type:core.Input}],disabled:[{type:core.Input}],inputInteraction:[{type:core.Output}],roleAttr:[{type:core.HostBinding,args:["attr.role"]}]},RadioButtonComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-radio-button",template:'\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],RadioButtonComponent)},"./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>RadioGroupComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),radio_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let nextUniqueId=0,RadioGroupComponent=class RadioGroupComponent{constructor(){this.name="radio-group-"+nextUniqueId++,this.value=null,this.disabled=!1,this.appearance="regular",this.selected=null,this.destroyed$=new Subject.x,this.groupValueChangedFn=()=>{},this.onTouched=()=>{}}get getHostClasses(){return`cvi-radio-group cvi-radio-group--appearance-${this.appearance}`}registerOnChange(fn){this.groupValueChangedFn=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled}writeValue(value){this.value=value,this.updateSelectedRadioFromValue(value)}ngAfterViewInit(){var _a;null===(_a=this.radioButtons)||void 0===_a||_a.forEach((radio=>{radio.name=this.name,radio.markForCheck(),radio.inputInteraction.pipe((0,takeUntil.R)(this.destroyed$)).subscribe((value=>{this.updateSelectedRadioFromValue(value)}))}))}ngOnChanges(changes){const value=changes.value;value&&value.currentValue!==value.previousValue&&this.updateSelectedRadioFromValue(value.currentValue)}ngOnDestroy(){this.destroyed$.next(void 0),this.destroyed$.complete()}updateSelectedRadioFromValue(value){var _a;this.value=value;const isAlreadySelected=null!==this.selected&&this.selected.value===this.value;this.radioButtons&&!isAlreadySelected&&(null===(_a=this.selected)||void 0===_a||_a.markForCheck(),this.selected=null,this.radioButtons.forEach((radio=>{radio.checked=this.value===radio.value,radio.checked&&(this.selected=radio,this.selected.markForCheck())})),this.groupValueChangedFn(value))}};RadioGroupComponent.propDecorators={title:[{type:core.Input}],name:[{type:core.Input}],value:[{type:core.Input}],disabled:[{type:core.Input}],appearance:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}],radioButtons:[{type:core.ContentChildren,args:[(0,core.forwardRef)((()=>radio_button_component._)),{descendants:!0}]}]},RadioGroupComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-radio-group",template:'
    \n {{ title }}\n
    \n \n
    \n
    \n',providers:[{provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>RadioGroupComponent)),multi:!0}]})],RadioGroupComponent)},"./libs/ui/src/lib/radio-button/radio-group/radio-group.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var RadioGroupAppearance;__webpack_require__.d(__webpack_exports__,{e:()=>RadioGroupAppearance}),function(RadioGroupAppearance){RadioGroupAppearance.REGULAR="regular",RadioGroupAppearance.COMPACT="compact"}(RadioGroupAppearance||(RadioGroupAppearance={}))},"./libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>ReorderableListItemComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ReorderableListItemComponent=class ReorderableListItemComponent{constructor(){this.swapStepsEvent=new core.EventEmitter,this.removeStepEvent=new core.EventEmitter}get getHostClasses(){return"cvi-reorderable-list__item"}get orderNr(){return this.index+1}moveStepTo(direction){this.swapStepsEvent.emit({index1:this.index,index2:this.index+="next"===direction?1:-1})}removeStep(){this.removeStepEvent.emit(this.index)}};ReorderableListItemComponent.propDecorators={index:[{type:core.Input}],setAsPreviousStepButtonVisible:[{type:core.Input}],setAsNextStepButtonVisible:[{type:core.Input}],swapStepsEvent:[{type:core.Output}],removeStepEvent:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},ReorderableListItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-item",template:'\n\n
    \n \n
    \n {{ orderNr }}\n
    \n \n
    \n\n
    \n \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListItemComponent)},"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>ReorderableListComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ReorderableListComponent=class ReorderableListComponent{get getHostClasses(){return"cvi-reorderable-list"}};ReorderableListComponent.propDecorators={items:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],templateRef:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ContentChild,args:[_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef]}],getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ReorderableListComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-reorderable-list",template:'\n \n \n \n ',changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush})],ReorderableListComponent)},"./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>ScreenreaderTextComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ScreenreaderTextComponent=class ScreenreaderTextComponent{get getHostClasses(){return"cvi-screenreader-text"}};ScreenreaderTextComponent.propDecorators={label:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ScreenreaderTextComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-screenreader-text",template:"{{ label }}"})],ScreenreaderTextComponent)},"./libs/ui/src/lib/select/select-navigation.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>SelectNavigationDirective});var _a,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let SelectNavigationDirective=class SelectNavigationDirective{constructor(hostEl){this.hostEl=hostEl,this.closed=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter,this.itemFocused=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.EventEmitter,this.focusedClass="is-focused"}onKeyDown($event){if((this.isArrowDown($event)||this.isArrowUp($event))&&($event.preventDefault(),this.onNavigation($event)),this.isEventOfKey("Tab",$event)&&this.closed.emit(),this.isEventOfKey("Enter",$event)&&this.focusedElement&&(this.focusedElement.click(),this.inputField)){(this.inputField instanceof HTMLElement?this.inputField:this.inputField.nativeElement).blur()}}ngAfterViewInit(){this.focusByIndex(0)}isEventOfKey(key,event){return event.key===key}isArrowDown(event){return this.isEventOfKey("ArrowDown",event)}isArrowUp(event){return this.isEventOfKey("ArrowUp",event)}focusByIndex(i){var _a;this.focusedElement=this.hostEl.nativeElement.children[i],null===(_a=this.focusedElement)||void 0===_a||_a.classList.add(this.focusedClass),this.itemFocused.emit(i)}onNavigation(event){const listEl=this.hostEl.nativeElement,opts=listEl.children;!opts||opts.length<1||(this.focusedElement&&this.focusedElement.classList.remove(this.focusedClass),this.setFocusedElement(event,opts),this.scrollToFocusedElement(listEl))}setFocusedElement(event,opts){const idx=this.isArrowDown(event)?0:opts.length-1,prop=this.isArrowDown(event)?"nextElementSibling":"previousElementSibling";this.focusedElement&&this.focusedElement[prop]?this.focusedElement=this.focusedElement[prop]:this.focusedElement=opts[idx],this.focusedElement.classList.add(this.focusedClass);const elIndex=[...opts].indexOf(this.focusedElement);this.itemFocused.emit(elIndex)}scrollToFocusedElement(listEl){if(this.scrollableEl){const listElHeight=this.pxStringToNumber(getComputedStyle(listEl,null).height),scrollableHeight=this.pxStringToNumber(getComputedStyle(this.scrollableEl,null).height);if(listElHeight>scrollableHeight){const offset=this.focusedElement?this.focusedElement.offsetTop:0,middle=scrollableHeight/2;this.scrollableEl.scrollTo(0,offset-middle)}}}pxStringToNumber(value){const numVal=value.substring(0,value.length-2);return parseInt(numVal,10)}};SelectNavigationDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef}],SelectNavigationDirective.propDecorators={scrollableEl:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],inputField:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Input}],closed:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Output}],itemFocused:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.Output}],onKeyDown:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostListener,args:["document:keydown",["$event"]]}]},SelectNavigationDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgSelectNavigation]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef)?_a:Object])],SelectNavigationDirective)},"./libs/ui/src/lib/select/select-templates.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>OptionTemplateDirective,b:()=>LabelTemplateDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let LabelTemplateDirective=class LabelTemplateDirective{constructor(template){this.template=template}};LabelTemplateDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],LabelTemplateDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgSelectLabelTemplate]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)?_a:Object])],LabelTemplateDirective);let OptionTemplateDirective=class OptionTemplateDirective{constructor(template){this.template=template}};OptionTemplateDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef}],OptionTemplateDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Directive)({selector:"[cviNgSelectOptionTemplate]"}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.TemplateRef)?_b:Object])],OptionTemplateDirective)},"./libs/ui/src/lib/select/select.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>SelectComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,_d,_e,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),merge=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/merge.js"),fromEvent=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"),common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),select_templates_directive=__webpack_require__("./libs/ui/src/lib/select/select-templates.directive.ts");class SelectItemsList{constructor(_select){this._select=_select,this._filteredItems=[],this._items=[]}get selectedItem(){return this._selectedItem}get selectedItemValue(){if(this._selectedItem)return this._select.valueFormatFn?this._select.valueFormatFn(this._selectedItem.label):this._selectedItem.label}get filteredItems(){return this._filteredItems}get items(){return this._items}select(item){this._selectedItem=item}clearSelection(){this._selectedItem=void 0}setItems(items){if(this._items=items.map((item=>this.mapItem(item))),this._select.sortItemsFn instanceof Function){const sortFn=this._select.sortItemsFn;this._items.sort(((a,b)=>sortFn(a.value,b.value)))}this._filteredItems=[...this._items]}addItem(item){const option=this.mapItem(item);if(this._items.push(option),this._filteredItems.push(option),this._select.sortItemsFn instanceof Function){const sortFn=this._select.sortItemsFn;this._items.sort(((a,b)=>sortFn(a.value,b.value))),this._filteredItems.sort(((a,b)=>sortFn(a.value,b.value)))}return option}mapItem(item){return{label:this._select.bindLabel?item[this._select.bindLabel]:item,value:item}}findItem(value){return this._items.find((item=>item.value===value))}filter(term){term?this._select.searchFn?this._filteredItems=this._items.filter((item=>this._select.searchFn(term,item.value))):this._filteredItems=this._items.filter((item=>this.defaultSearchFn(term,item))):this.resetFilteredItems()}resetFilteredItems(){this._filteredItems.length!==this._items.length&&(this._filteredItems=[...this._items])}sortItems(sortFn){this._items.sort(((a,b)=>sortFn(a.value,b.value))),this._filteredItems.sort(((a,b)=>sortFn(a.value,b.value)))}defaultSearchFn(search,option){return option.label.indexOf(search)>-1}}let SelectComponent=class SelectComponent{constructor(zone,elementRef,cd,document,control){this.zone=zone,this.cd=cd,this.document=document,this.control=control,this.placeholder="",this.searchFn=null,this.valueFormatFn=null,this.minTermLength=0,this.backgroundDisabled=!1,this.disabled=!1,this.loading=!1,this.loadingLabel="Laadimine...",this.itemChanged=new core.EventEmitter,this.isOpen=!1,this.searchTerm=null,this.searchInputFocused=!1,this.focusedOptionIndex=null,this.destroy$=new Subject.x,this.valueChangedFn=()=>{},this.onTouched=()=>{},this.control&&(this.control.valueAccessor=this),this.select=elementRef.nativeElement,this.itemsList=new SelectItemsList(this)}set items(items){this.setItems(items)}get invalid(){return!!this.control&&!!this.control.invalid}get inputValue(){return this.searchTerm?this.searchTerm:""}get touched(){return!!this.control&&!!this.control.touched}get selectedItem(){return this.itemsList.selectedItem}get hasValue(){return!!this.selectedItem}get showAddItem(){return!!this.validTerm&&!!this.addItemFn}get listboxHtmlId(){return this.htmlId+"-listbox"}get focusedItemHtmlId(){return this.isOpen&&null!==this.focusedOptionIndex?this.htmlId+"-listbox-item-"+this.focusedOptionIndex:""}ngOnInit(){var _a;if(this.handleOutsideClick(),null===(_a=this.control)||void 0===_a?void 0:_a.control){const originalMarkAsTouched=this.control.control.markAsTouched;this.control.control.markAsTouched=args=>{originalMarkAsTouched.apply(this.control.control,[args]),this.cd.markForCheck()}}}ngOnChanges(changes){if(changes.sortItemsFn){changes.sortItemsFn.currentValue instanceof Function&&this.itemsList.sortItems(changes.sortItemsFn.currentValue)}}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),this.destroy$.unsubscribe()}selectItem(item){var _a,_b;this.itemsList.select(item);const selectedValue=this.bindValue?null===(_a=this.itemsList.selectedItem)||void 0===_a?void 0:_a.value[this.bindValue]:null===(_b=this.itemsList.selectedItem)||void 0===_b?void 0:_b.value;this.itemChanged.emit(selectedValue),"function"==typeof this.valueChangedFn&&this.valueChangedFn(selectedValue),this.close(),this.restoreFocusAfterClosing()}updateFocusedItem(index){this.focusedOptionIndex=index}focus(){setTimeout((()=>{var _a;return null===(_a=this.searchInput)||void 0===_a?void 0:_a.nativeElement.focus()}))}focusEditButton(){setTimeout((()=>{var _a;return null===(_a=this.editButton)||void 0===_a?void 0:_a.nativeElement.focus()}))}blur(){var _a;null===(_a=this.searchInput)||void 0===_a||_a.nativeElement.blur()}restoreFocusAfterClosing(){this.backgroundDisabled&&this.hasValue?this.focusEditButton():this.focus()}handleOpeningWithArrowFromKeyboard(){this.isOpen||(this.open(),this.updateFocusedItem(0))}handleOpeningWithTypingFromKeyboard(){this.isOpen||this.open()}handleClosingFromKeyboard(){this.isOpen&&(this.close(),this.restoreFocusAfterClosing())}handleMousedown(event){if(!this.hasValue||!this.backgroundDisabled){"INPUT"!==event.target.tagName&&event.preventDefault(),this.open()}}handleArrowButtonClick(event){event.stopPropagation(),event.preventDefault(),this.isOpen?this.close():this.open()}open(){this.disabled||(this.isOpen=!0,this.focus())}close(){this.isOpen&&(this.isOpen=!1,this.searchTerm=null,this.itemsList.resetFilteredItems(),this.focusedOptionIndex=null,"function"==typeof this.onTouched&&this.onTouched(),this.cd.markForCheck())}registerOnChange(fn){this.valueChangedFn=fn}registerOnTouched(fn){this.onTouched=fn}setDisabledState(isDisabled){this.disabled=isDisabled,this.disabled&&this.close(),this.cd.markForCheck()}writeValue(obj){this.itemsList.clearSelection();const item=this.itemsList.findItem(obj);item&&this.itemsList.select(item),this.cd.markForCheck()}handleOutsideClick(){this.document&&this.zone.runOutsideAngular((()=>{(0,merge.T)((0,fromEvent.R)(this.document,"touchstart",{capture:!0}),(0,fromEvent.R)(this.document,"mousedown",{capture:!0})).pipe((0,takeUntil.R)(this.destroy$)).subscribe((event=>this.checkToClose(event)))}))}checkToClose(event){this.select.contains(event.target)||this.zone.run((()=>this.close()))}filter(term){this.searchTerm=term,this.itemsList.filter(term)}setItems(items){this.itemsList.setItems(items)}addItem(){let item;item=this.addItemFn instanceof Function&&this.searchTerm?this.addItemFn(this.searchTerm):this.searchTerm,item instanceof Promise?item.then((result=>this.selectItem(this.itemsList.addItem(result)))).catch((()=>{this.close()})):this.selectItem(this.itemsList.addItem(item))}get validTerm(){const term=this.searchTerm&&this.searchTerm.trim();return term&&term.length>=this.minTermLength}};SelectComponent.ctorParameters=()=>[{type:core.NgZone},{type:core.ElementRef},{type:core.ChangeDetectorRef},{type:Document,decorators:[{type:core.Optional},{type:core.Inject,args:[common.K0]}]},{type:fesm2020_forms.NgControl,decorators:[{type:core.Self},{type:core.Optional}]}],SelectComponent.propDecorators={bindValue:[{type:core.Input}],bindLabel:[{type:core.Input}],items:[{type:core.Input}],placeholder:[{type:core.Input}],searchFn:[{type:core.Input}],valueFormatFn:[{type:core.Input}],addItemLabel:[{type:core.Input}],addItemFn:[{type:core.Input}],minTermLength:[{type:core.Input}],backgroundDisabled:[{type:core.Input}],disabled:[{type:core.Input}],htmlId:[{type:core.Input}],labelId:[{type:core.Input}],loading:[{type:core.Input}],loadingLabel:[{type:core.Input}],sortItemsFn:[{type:core.Input}],itemChanged:[{type:core.Output}],labelTemplate:[{type:core.ContentChild,args:[select_templates_directive.b,{read:core.TemplateRef}]}],optionTemplate:[{type:core.ContentChild,args:[select_templates_directive._,{read:core.TemplateRef}]}],searchInput:[{type:core.ViewChild,args:["searchInput",{static:!0}]}],editButton:[{type:core.ViewChild,args:["editButton",{static:!0}]}]},SelectComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-select",template:'
    \n
    \n
    \n
    {{placeholder}}
    \n
    \n \n {{selectedItem?.label}}\n \n\n \n \n
    \n
    \n
    \n \n
    \n \x3c!-- We don\'t use ngIf here because it would be impossible to focus the button --\x3e\n \n \n \n \n
    \n
    \n
    \n
      \n
    • \n \n {{ bindLabel ? item.value[bindLabel] : item.value }}\n \n \n \n
      • \n
    • \n {{addItemLabel}} "{{searchTerm}}"\n
      • \n
    \n \n
    \n {{ loadingLabel }}\n
    \n     \n
    \n
    \n
    \n\n\n \n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.NgZone&&core.NgZone)?_a:Object,"function"==typeof(_b=void 0!==core.ElementRef&&core.ElementRef)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object,"function"==typeof(_d="undefined"!=typeof Document&&Document)?_d:Object,"function"==typeof(_e=void 0!==fesm2020_forms.NgControl&&fesm2020_forms.NgControl)?_e:Object])],SelectComponent)},"./libs/ui/src/lib/status-badge/status-badge.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>StatusBadgeComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const statusBadgeCustomPropertyGroups=[{severity:"info",customProperties:{"--color":"--cvi-color-sapphire-blue-10","--background-color":"--cvi-color-sapphire-blue-0","--border-color":"--cvi-color-sapphire-blue-10"}},{severity:"success",customProperties:{"--color":"--cvi-color-sea-green-11","--background-color":"--cvi-color-sea-green-0","--border-color":"--cvi-color-sea-green-11"}},{severity:"warning",customProperties:{"--color":"--cvi-color-dark-tangerine-15","--background-color":"--cvi-color-dark-tangerine-1","--border-color":"--cvi-color-dark-tangerine-10"}}];let StatusBadgeComponent=class StatusBadgeComponent{constructor(){this.severity="info",this.label="",this.withTooltip=!1,this.tooltipText="",this.tooltipIcon="info",this.hasBackground=!0}get hostClasses(){return"cvi-status-badge"}get hostStyleColor(){return this.getCustomProperty("--color")}get hostStyleBackgroundColor(){return this.hasBackground?this.getCustomProperty("--background-color"):null}get hostStyleBorderColor(){return this.getCustomProperty("--border-color")}getCustomProperty(propName){const item=statusBadgeCustomPropertyGroups.find((group=>group.severity===this.severity));return item?`var(${item.customProperties[propName]})`:null}};StatusBadgeComponent.propDecorators={severity:[{type:core.Input}],label:[{type:core.Input}],withTooltip:[{type:core.Input}],tooltipText:[{type:core.Input}],tooltipIcon:[{type:core.Input}],hasBackground:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}],hostStyleColor:[{type:core.HostBinding,args:["style.--color"]}],hostStyleBackgroundColor:[{type:core.HostBinding,args:["style.--background-color"]}],hostStyleBorderColor:[{type:core.HostBinding,args:["style.--border-color"]}]},StatusBadgeComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-status-badge",template:'
    \n {{ label }}\n \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],StatusBadgeComponent)},"./libs/ui/src/lib/steps/step-panel/step-panel.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>StepPanelComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),ReplaySubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/ReplaySubject.js");let StepPanelComponent=class StepPanelComponent{constructor(){this._status=null,this.titleChangeSubject=new ReplaySubject.t(1)}set title(title){this._title=title,this.titleChangeSubject.next(title)}get title(){return this._title}set status(status){this._status=status}get status(){return this._status}get getHostClasses(){return"cvi-steps__content-panel"}ngOnDestroy(){this.titleChangeSubject.complete()}};StepPanelComponent.propDecorators={title:[{type:core.Input}],status:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},StepPanelComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-step-panel",template:'

    {{ title }}

    \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush})],StepPanelComponent)},"./libs/ui/src/lib/steps/step/step.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>StepComponent});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let StepComponent=class StepComponent{constructor(ref,cdRef){this.ref=ref,this.cdRef=cdRef,this._isVisible=!1}set isVisible(isVisible){this._isVisible=isVisible,this.cdRef.detectChanges()}get isVisible(){return this._isVisible}get getHostClasses(){return"cvi-steps__step"}};StepComponent.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef}],StepComponent.propDecorators={getHostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},StepComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-step",template:'\n \n \n \n ',changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush}),(0,tslib__WEBPACK_IMPORTED_MODULE_1__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef&&_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectorRef)?_b:Object])],StepComponent)},"./libs/ui/src/lib/steps/steps/steps.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>StepsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),step_component=__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts"),step_panel_component=__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js");let StepsComponent=class StepsComponent{constructor(cdRef){this.cdRef=cdRef,this._currentStepIndex=null,this.currentStepIndexChange=new core.EventEmitter,this.hasTableOfContents=!1,this.stepIndex=null,this.stepChange=new core.EventEmitter,this.currentProgressCSSVar=0,this.anyStepSelected=!1}get currentStepIndex(){return this._currentStepIndex}set currentStepIndex(value){this._currentStepIndex=value,this.currentStepIndexChange.emit(value)}set stepPanels(panels){this.panelSubscription&&this.panelSubscription.unsubscribe(),this.panelSubscription=new Subscription.w0,this._stepPanels=panels,this._stepPanels.toArray().forEach(((stepPanel,i)=>{this.panelSubscription.add(stepPanel.titleChangeSubject.subscribe((title=>{this.stepTitles&&title&&(this.stepTitles[i]=title)})))}))}get stepPanels(){return this._stepPanels}get getHostClasses(){return`cvi-steps${this.anyStepSelected?" is-any-step-selected":""}${this.hasTableOfContents?" has-toc":""}`}get getCurrentStepAsCSSVar(){return null===this.currentStepIndex?"":`'${this.currentStepIndex+1}'`}ngAfterContentInit(){this.updateStepsData(this._stepPanels.toArray()),null!==this.currentStepIndex&&(this.anyStepSelected=!0,this.setProgress(this.currentStepIndex)),this.hideStepsContent()}ngAfterViewInit(){this.stepChildren.changes.subscribe((()=>{this.hideStepsContent(),this.cdRef.markForCheck()})),this._stepPanels.changes.subscribe((stepPanels=>{this.updateStepsData(stepPanels),this.cdRef.markForCheck()}))}ngOnChanges(changes){const stepIndexChange=changes.stepIndex;stepIndexChange&&this.stepChildren&&this.stepSelected(stepIndexChange.currentValue)}ngOnDestroy(){this.panelSubscription&&this.panelSubscription.unsubscribe()}updateStepsData(stepPanels){this.stepTitles=stepPanels.map((stepPanel=>stepPanel.title)),this.stepStatuses=stepPanels.map((stepPanel=>stepPanel.status))}stepSelected(stepIndex){this.currentStepIndex!=stepIndex&&(this.anyStepSelected=!0,this.currentStepIndex=stepIndex,this.hideStepsContent(),this.setProgress(stepIndex),this.stepChange.emit(this.currentStepIndex))}hideStepsContent(){this.stepChildren.map(((step,stepIndex)=>{step.isVisible=stepIndex===this.currentStepIndex}))}setProgress(stepIndex){this.currentProgressCSSVar=Math.round((stepIndex+1)/this.stepTitles.length*100)}};StepsComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],StepsComponent.propDecorators={title:[{type:core.Input}],currentStepIndexChange:[{type:core.Output}],currentStepIndex:[{type:core.Input}],hasTableOfContents:[{type:core.Input}],stepIndex:[{type:core.Input}],stepChange:[{type:core.Output}],currentProgressCSSVar:[{type:core.Input}],anyStepSelected:[{type:core.Input}],stepChildren:[{type:core.ContentChildren,args:[step_component.B]}],stepPanels:[{type:core.ContentChildren,args:[step_panel_component.w,{descendants:!0}]}],getHostClasses:[{type:core.HostBinding,args:["class"]}],getCurrentStepAsCSSVar:[{type:core.HostBinding,args:["style.--current-step"]}]},StepsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-steps",template:'

    {{ title }}

    \n
    \n \n
    \n
    \n
    \n
      \n
    1. \n \n
      2. \n
    \n \n
    \n \n \n
    \n
    \n
    \n\n\x3c!-- We need this filter in order for rounded corners to work --\x3e\n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],StepsComponent)},"./libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>ToStepCircleIconNamePipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToStepCircleIconNamePipe=class ToStepCircleIconNamePipe{transform(value){switch(value){case"success":return"check";case"error":return"close";default:return}}};ToStepCircleIconNamePipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toStepCircleIconName"})],ToStepCircleIconNamePipe)},"./libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>ToStepCircleSeverityPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToStepCircleSeverityPipe=class ToStepCircleSeverityPipe{transform(value){switch(value){case"success":return"success";case"error":return"error";default:return"none"}}};ToStepCircleSeverityPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toStepCircleSeverity"})],ToStepCircleSeverityPipe)},"./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>GeneratedTableOfContentsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),table_of_contents_service=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js"),fromEvent=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/fromEvent.js"),takeUntil=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/takeUntil.js");let GeneratedTableOfContentsComponent=class GeneratedTableOfContentsComponent{constructor(renderer,tocService,cdRef){this.renderer=renderer,this.tocService=tocService,this.cdRef=cdRef,this.headingSelector="h1, h2, h3",this.tocItems=[],this.destroy$=new Subject.x,(0,fromEvent.R)(window,"scroll").pipe((0,takeUntil.R)(this.destroy$)).subscribe((()=>{this.scrollingTimeout&&clearTimeout(this.scrollingTimeout),this.scrollingTimeout=setTimeout((()=>{this.tocService.toCItemToHighlight&&(this.tocService.setCurrentToCSection(this.tocService.toCItemToHighlight),this.tocService.toCItemToHighlight=void 0)}),300)}))}get getHostClasses(){return"cvi-generated-table-of-contents"}ngOnChanges(changes){changes.title&&(clearTimeout(this.timeout),this.timeout=setTimeout((()=>this.buildToc()),1))}ngAfterViewInit(){this.domMutations=new MutationObserver((()=>this.buildToc())),this.domMutations.observe(this.content.nativeElement,{childList:!0,subtree:!0}),this.cdRef.markForCheck()}ngOnDestroy(){this.removeToc(),this.domMutations.disconnect(),clearTimeout(this.timeout),this.destroy$.next(),this.destroy$.complete(),this.destroy$.unsubscribe()}buildToc(){if(!this.content)return;this.removeToc();const headingNodes=this.content.nativeElement.querySelectorAll(this.headingSelector);if(headingNodes.length>0){const headingEls=Array.from(headingNodes);headingEls.forEach(((headingEl,i)=>{if(headingEl.textContent){const anchorId=`toc-${i}`,lastAnchorId="toc-"+(headingEls.length-1);this.renderer.setProperty(headingEl,"id",anchorId),this.tocItems.push({label:headingEl.textContent,href:`#${anchorId}`,intersectionObserver:this.createItemIntersectionObserver(headingEl,anchorId,lastAnchorId)})}})),this.cdRef.detectChanges()}}createItemIntersectionObserver(headingEl,anchorId,lastAnchorId){const intersectionObservable=new IntersectionObserver((entries=>{const isBottom=function isBottomOfPage(){return window.innerHeight+window.scrollY+1>document.body.offsetHeight}(),isTop=function isTopOfPage(){return 0===window.scrollY}();if(isBottom&&!isTop)return this.tocService.setCurrentToCSection(lastAnchorId,entries[entries.length-1].time),void this.cdRef.detectChanges();entries.forEach((entry=>{entry.isIntersecting&&1===entry.intersectionRatio&&!this.tocService.toCItemToHighlight&&(this.tocService.setCurrentToCSection(anchorId,entry.time),this.cdRef.detectChanges())}))}),{rootMargin:"5px 0px 5px 0px",threshold:1});return intersectionObservable.observe(headingEl),intersectionObservable}removeToc(){var _a;(null===(_a=this.tocItems)||void 0===_a?void 0:_a.length)>0&&(this.tocItems.forEach((item=>item.intersectionObserver.disconnect())),this.tocItems=[])}};GeneratedTableOfContentsComponent.ctorParameters=()=>[{type:core.Renderer2},{type:table_of_contents_service.a},{type:core.ChangeDetectorRef}],GeneratedTableOfContentsComponent.propDecorators={title:[{type:core.Input}],headingSelector:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}],content:[{type:core.ViewChild,args:["content"]}]},GeneratedTableOfContentsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-generated-table-of-contents",template:'\n
    \n \n
    \n \n \n \n \n    \n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.Renderer2&&core.Renderer2)?_a:Object,"function"==typeof(_b=void 0!==table_of_contents_service.a&&table_of_contents_service.a)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object])],GeneratedTableOfContentsComponent)},"./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>TableOfContentsItemComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),table_of_contents_service=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts");let TableOfContentsItemComponent=class TableOfContentsItemComponent{constructor(renderer,tocService){this.renderer=renderer,this.tocService=tocService,this.label="",this.roleAttr="listitem",this.current=!1}get getHostClasses(){return"cvi-table-of-contents__aside-list-item"}get getHref(){return null}get getLabel(){return null}get fullHref(){return location.href.split("#")[0]+this.href}ngOnInit(){this.tocSubscription=this.tocService.currentToCSection$.subscribe((id=>{this.current=`#${id}`===this.href}))}ngOnDestroy(){this.tocSubscription.unsubscribe()}highlightSection(){this.tocService.highlightToCSectionAndSetAsCurrent(this.href.substring(1))}};TableOfContentsItemComponent.ctorParameters=()=>[{type:core.Renderer2},{type:table_of_contents_service.a}],TableOfContentsItemComponent.propDecorators={href:[{type:core.Input}],label:[{type:core.Input}],roleAttr:[{type:core.HostBinding,args:["attr.role"]}],current:[{type:core.HostBinding,args:["class.is-current"]}],getHostClasses:[{type:core.HostBinding,args:["class"]}],getHref:[{type:core.HostBinding,args:["attr.href"]}],getLabel:[{type:core.HostBinding,args:["attr.label"]}]},TableOfContentsItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table-of-contents-item",template:'{{ label }}\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.Renderer2&&core.Renderer2)?_a:Object,"function"==typeof(_b=void 0!==table_of_contents_service.a&&table_of_contents_service.a)?_b:Object])],TableOfContentsItemComponent)},"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>TableOfContentsWrapperComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TableOfContentsWrapperComponent=class TableOfContentsWrapperComponent{constructor(){this.hideNavOnMobile=!0}get getHostClasses(){return"cvi-table-of-contents"+(this.hideNavOnMobile?" is-nav-hidden-on-mobile":"")}};TableOfContentsWrapperComponent.propDecorators={hideNavOnMobile:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},TableOfContentsWrapperComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table-of-contents-wrapper",template:'\n
    \n
    \n \n
    \n
    \n'})],TableOfContentsWrapperComponent)},"./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>TableOfContentsService});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),rxjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js");let TableOfContentsService=class TableOfContentsService{constructor(){this.currentToCSectionSource=new rxjs__WEBPACK_IMPORTED_MODULE_0__.X("toc-0"),this.currentToCSection$=this.currentToCSectionSource.asObservable()}highlightToCSectionAndSetAsCurrent(id){this.toCItemToHighlight=id,this.setCurrentToCSection(id)}setCurrentToCSection(id,timestamp){if(timestamp&&!this.currentToCSectionTimestamp)return this.currentToCSectionTimestamp=timestamp,void this.currentToCSectionSource.next(id);if(timestamp&×tamp===this.currentToCSectionTimestamp){if(this.parseNumberPartFromId(id)>this.parseNumberPartFromId(this.currentToCSectionSource.getValue()))return}this.currentToCSectionTimestamp=timestamp,this.currentToCSectionSource.next(id)}parseNumberPartFromId(id){const num=Number(id.split("-").pop());return isNaN(num)?-1:num}};TableOfContentsService=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_2__.Injectable)({providedIn:"root"})],TableOfContentsService)},"./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>TableOfContentsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TableOfContentsComponent=class TableOfContentsComponent{constructor(){this.roleAttr="navigation"}get getHostClasses(){return"cvi-table-of-contents__aside-inner"}get getTitle(){return null}};TableOfContentsComponent.propDecorators={title:[{type:core.HostBinding,args:["attr.aria-label"]},{type:core.Input}],roleAttr:[{type:core.HostBinding,args:["attr.role"]}],getHostClasses:[{type:core.HostBinding,args:["class"]}],getTitle:[{type:core.HostBinding,args:["attr.title"]}]},TableOfContentsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table-of-contents",template:'

    {{ title }}

    \n
    \n \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],TableOfContentsComponent)},"./libs/ui/src/lib/table-of-contents/toc-section.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{I:()=>TableOfContentsSectionDirective});var _a,_b,tslib__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents.service.ts");let TableOfContentsSectionDirective=class TableOfContentsSectionDirective{constructor(elementRef,tocService){this.elementRef=elementRef,this.tocService=tocService}ngOnInit(){this.elementToObserve=this.elementRef.nativeElement,this.intersectionObservable=new IntersectionObserver((entries=>{entries.forEach((entry=>{entry.isIntersecting&&this.tocService.setCurrentToCSection(this.sectionId)}))}),{rootMargin:"0px 0px -50% 0px"}),this.intersectionObservable.observe(this.elementToObserve)}ngOnDestroy(){this.intersectionObservable.unobserve(this.elementToObserve)}};TableOfContentsSectionDirective.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__.a}],TableOfContentsSectionDirective.propDecorators={sectionId:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostBinding,args:["id"]},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input,args:["cviNgToCSection"]}]},TableOfContentsSectionDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_2__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgToCSection]",exportAs:"cviNgToCSection"}),(0,tslib__WEBPACK_IMPORTED_MODULE_2__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__.a&&_table_of_contents_service__WEBPACK_IMPORTED_MODULE_0__.a)?_b:Object])],TableOfContentsSectionDirective)},"./libs/ui/src/lib/table/body-cell/body-cell.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>BodyCellComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let BodyCellComponent=class BodyCellComponent{get getHostClasses(){return"cvi-table__body-cell"}};BodyCellComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},BodyCellComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"[cvi-ng-body-cell]",template:'
    \n \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],BodyCellComponent)},"./libs/ui/src/lib/table/header-cell/header-cell.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>HeaderCellComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let HeaderCellComponent=class HeaderCellComponent{get getHostClasses(){return"cvi-table__header-cell"}};HeaderCellComponent.propDecorators={getHostClasses:[{type:core.HostBinding,args:["class"]}]},HeaderCellComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"[cvi-ng-header-cell]",template:'
    \n \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],HeaderCellComponent)},"./libs/ui/src/lib/table/table.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>TableComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TableComponent=class TableComponent{get getHostClasses(){return"cvi-table"}};TableComponent.propDecorators={data:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}],headers:[{type:core.ContentChild,args:["headers"]}],rows:[{type:core.ContentChild,args:["rows"]}]},TableComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-table",template:'
    \n \n \n\n \n \n \n \n\n \n \n \n
    \n
    \n\n\n
    {{ header.key }}
    \n    \n\n\n
    {{ row.value }}
    \n    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],TableComponent)},"./libs/ui/src/lib/tabs/tab-group.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>TabGroupComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),tab_component=__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),merge=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/merge.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let TabGroupComponent=class TabGroupComponent{constructor(cdRef){this.cdRef=cdRef,this.activeTabChange=new core.EventEmitter,this.activeIndex=0,this.baseId="tabgroup-"+(0,v4.Z)(),this.tabChangesSubscription=Subscription.w0.EMPTY}get hostClasses(){return"cvi-tab-group"}ngAfterViewInit(){this.tabChangesSubscription=(0,merge.T)(...this.allTabs.map((tab=>tab._stateChanges))).subscribe((()=>this.cdRef.markForCheck())),this.activeTabChange.emit(this.activeIndex)}ngOnDestroy(){this.tabChangesSubscription.unsubscribe()}makeActive(index){this.activeIndex!==index&&(this.activeIndex=index,this.activeTabChange.emit(this.activeIndex),this.cdRef.detectChanges())}updateButtonFocus(){var _a;null===(_a=this.tabButtons.get(this.activeIndex))||void 0===_a||_a.nativeElement.focus()}makeActivePrev(event){event.preventDefault(),this.activeIndex>0?this.activeIndex--:this.activeIndex=this.allTabs.length-1,this.activeTabChange.emit(this.activeIndex),this.updateButtonFocus()}makeActiveNext(event){event.preventDefault(),this.activeIndex[{type:core.ChangeDetectorRef}],TabGroupComponent.propDecorators={allTabs:[{type:core.ContentChildren,args:[tab_component.i]}],activeTabChange:[{type:core.Output}],hostClasses:[{type:core.HostBinding,args:["class"]}],tabButtons:[{type:core.ViewChildren,args:["tabButton"]}]},TabGroupComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tab-group",template:'
    \n \n
    \n
    \n \n
    \n\n\n \n \n\n\n\n {{ tab.title }}\n\n\n\n \n \n \n \n\n \n\n \n \n \n \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],TabGroupComponent)},"./libs/ui/src/lib/tabs/tab.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>TabComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),Subject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subject.js");let TabComponent=class TabComponent{constructor(){this.iconPosition="before",this.svgClass="",this.iconHeight=15,this.gap=1,this._stateChanges=new Subject.x}get content(){return this._content}ngOnChanges(){this._stateChanges.next()}ngOnDestroy(){this._stateChanges.complete()}};TabComponent.propDecorators={title:[{type:core.Input}],iconName:[{type:core.Input}],iconPosition:[{type:core.Input}],svgClass:[{type:core.Input}],iconHeight:[{type:core.Input}],gap:[{type:core.Input}],_content:[{type:core.ViewChild,args:[core.TemplateRef,{static:!0}]}]},TabComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tab",template:"\n",changeDetection:core.ChangeDetectionStrategy.OnPush})],TabComponent)},"./libs/ui/src/lib/tabs/tabs.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>TabsComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),tab_component=__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),Subscription=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/Subscription.js"),merge=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/merge.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");let TabsComponent=class TabsComponent{constructor(cdRef){this.cdRef=cdRef,this.activeTabChange=new core.EventEmitter,this.activeIndex=0,this.focusIndex=0,this.baseId="tabgroup-"+(0,v4.Z)(),this.tabChangesSubscription=Subscription.w0.EMPTY,this.isDropdownOpen=!1}get hostClasses(){return"cvi-tabs"}ngAfterViewInit(){this.tabChangesSubscription=(0,merge.T)(...this.allItems.map((tab=>tab._stateChanges))).subscribe((()=>this.cdRef.markForCheck())),this.activeTabChange.emit(this.activeIndex)}ngOnDestroy(){this.tabChangesSubscription.unsubscribe()}makeActive(index){this.activeIndex!==index&&(this.activeIndex=index,this.focusIndex=index,this.activeTabChange.emit(this.activeIndex),this.cdRef.detectChanges(),this.close(),this.updateTabButtonFocus())}makeActivePrev(currentIndex){let newIndex=this.allItems.length-1;this.activeIndex>0&&(newIndex=currentIndex-1),this.makeActive(newIndex)}makeActiveNext(currentIndex){let newIndex=0;this.activeIndex0?this.focusIndex--:this.focusIndex=this.dropdownItemButtons.length-1}};TabsComponent.ctorParameters=()=>[{type:core.ChangeDetectorRef}],TabsComponent.propDecorators={bindValue:[{type:core.Input}],bindLabel:[{type:core.Input}],allItems:[{type:core.ContentChildren,args:[tab_component.i]}],activeTabChange:[{type:core.Output}],hostClasses:[{type:core.HostBinding,args:["class"]}],dropdownButton:[{type:core.ViewChild,args:["dropdownButton",{static:!0}]}],dropdownItemButtons:[{type:core.ViewChildren,args:["dropdownItemButton"]}],tabButtons:[{type:core.ViewChildren,args:["tabButton"]}],handleClickOutside:[{type:core.HostListener,args:["document:click",["$event"]]}],handleEscape:[{type:core.HostListener,args:["document:keydown",["$event"]]}],handleKeyboardEvent:[{type:core.HostListener,args:["keydown",["$event"]]}]},TabsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tabs",template:'
    \n \n \n \n
    \n
    \n
    \n\n \n \n \n \n \n\n\n \n\n\n\n \n \n\n\n\n {{ tab.title }}\n\n\n\n \n \n \n \n\n \n\n \n \n \n \n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_a:Object])],TabsComponent)},"./libs/ui/src/lib/textarea/textarea.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>TextareaComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),text_field=__webpack_require__("./node_modules/@angular/cdk/fesm2020/text-field.mjs");const textareaComponentProvider={provide:fesm2020_forms.NG_VALUE_ACCESSOR,useExisting:(0,core.forwardRef)((()=>TextareaComponent)),multi:!0};let TextareaComponent=class TextareaComponent{constructor(){this.disabled=!1,this.maxLength=2e3,this.minRows=3,this.maxRows=5,this.placeholder="",this.resizable=!0,this.valueChange=new core.EventEmitter,this.onChanged=()=>this.valueChange.emit(this.internalValue),this.onTouched=()=>{}}get getHostClasses(){return`cvi-textfield cvi-textfield--type-multiple-lines${this.disabled?" cvi-textfield--is-disabled":""}${this.resizable?"":" cvi-textfield--no-resize"}`}ngAfterViewInit(){this.autosize&&this.resize()}setValue(value){this.onChanged(value),this.onTouched()}writeValue(value){this.internalValue=value}registerOnChange(fn){this.onChanged=fn}registerOnTouched(fn){this.onTouched=fn}resize(){setTimeout((()=>{var _a;return null===(_a=this.autosize)||void 0===_a?void 0:_a.resizeToFitContent(!0)}))}};TextareaComponent.propDecorators={autosize:[{type:core.ViewChild,args:[text_field.IC]}],htmlId:[{type:core.Input}],disabled:[{type:core.Input}],maxLength:[{type:core.Input}],minRows:[{type:core.Input}],maxRows:[{type:core.Input}],placeholder:[{type:core.Input}],resizable:[{type:core.Input}],valueChange:[{type:core.Output}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},TextareaComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-textarea",template:'\n',providers:[textareaComponentProvider],styles:[":host textarea.cdk-textarea-autosize {\n resize: none;\n}\n:host textarea.cdk-textarea-autosize-measuring {\n padding: 2px 0 !important;\n box-sizing: content-box !important;\n height: auto !important;\n overflow: hidden !important;\n}\n:host textarea.cdk-textarea-autosize-measuring-firefox {\n padding: 2px 0 !important;\n box-sizing: content-box !important;\n height: 0 !important;\n}"]})],TextareaComponent)},"./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>TimedNoticeSeverityToIconPipe});var tslib__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TimedNoticeSeverityToIconPipe=class TimedNoticeSeverityToIconPipe{transform(severity){return"success"===severity?"check":"error"===severity?"priority_high":"info"===severity?"calendar":void 0}};TimedNoticeSeverityToIconPipe=(0,tslib__WEBPACK_IMPORTED_MODULE_0__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Pipe)({name:"toHeaderIcon"})],TimedNoticeSeverityToIconPipe)},"./libs/ui/src/lib/timed-notice/timed-notice.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>TimedNoticeComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),timed_notice_severity_to_icon_pipe=__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts");let TimedNoticeComponent=class TimedNoticeComponent{constructor(iconPipe){this.iconPipe=iconPipe,this.severity="info",this.title="title",this.titleHref="#"}get hostClasses(){return"cvi-timed-notice"}getIconName(){return this.iconPipe.transform(this.severity)}};TimedNoticeComponent.ctorParameters=()=>[{type:timed_notice_severity_to_icon_pipe.O}],TimedNoticeComponent.propDecorators={severity:[{type:core.Input}],iconName:[{type:core.Input}],title:[{type:core.Input}],titleHref:[{type:core.Input}],dueDate:[{type:core.Input}],time:[{type:core.Input}],asideItems:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}]},TimedNoticeComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-timed-notice",template:'\n
    \n \n
    \n
    \n \n \n \n
    {{ dueDate }}
    \n
    {{ time }}
    \n \n \n \n {{ title }}\n \n \n \n \n \n \n \n
    \n {{ asideItems[0].label }}\n
    \n \n \n \n {{ asideItem.label }}\n \n \n \n \n \n \n
    \n\n',changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==timed_notice_severity_to_icon_pipe.O&&timed_notice_severity_to_icon_pipe.O)?_a:Object])],TimedNoticeComponent)},"./libs/ui/src/lib/toast/overlay.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>Overlay});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),_toast_container_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/toast/toast-container.component.ts");let Overlay=class Overlay{constructor(appRef,injector,document){this.appRef=appRef,this.injector=injector,this.document=document}ngOnDestroy(){this.containerRef&&this.containerRef.destroy()}getContainerElement(){return this.containerRef||this.createContainer(),this.containerRef}createContainer(){this.containerRef=(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.createComponent)(_toast_container_component__WEBPACK_IMPORTED_MODULE_0__.J,{environmentInjector:this.appRef.injector,elementInjector:this.injector}),this.appRef.attachView(this.containerRef.hostView);const domElement=this.containerRef.hostView.rootNodes[0];this.document.body.appendChild(domElement)}};Overlay.ctorParameters=()=>[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ApplicationRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injector},{type:Document,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.K0]}]}],Overlay=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injectable)({providedIn:"root"}),(0,tslib__WEBPACK_IMPORTED_MODULE_3__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ApplicationRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ApplicationRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injector&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.Injector)?_b:Object,"function"==typeof(_c="undefined"!=typeof Document&&Document)?_c:Object])],Overlay)},"./libs/ui/src/lib/toast/toast-config.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$e:()=>TOAST_CONFIG,PR:()=>ToastPackage,Qn:()=>DefaultToastConfig});var _angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");const DefaultToastConfig={timeOut:5e3,toastTypes:{error:"cvi-toast--appearance-error",info:"cvi-toast--appearance-info",success:"cvi-toast--appearance-success",warning:"cvi-toast--appearance-warning"},progressBar:!0,easeTime:300,extendedTimeOut:1e3},TOAST_CONFIG=new _angular_core__WEBPACK_IMPORTED_MODULE_0__.InjectionToken("ToastConfig");class ToastPackage{constructor(id,config,toastType,title,message){this.id=id,this.config=config,this.toastType=toastType,this.title=title,this.message=message}}},"./libs/ui/src/lib/toast/toast-container.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>ToastContainerComponent});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToastContainerComponent=class ToastContainerComponent{get hostClasses(){return"cvi-toast-container"}};ToastContainerComponent.propDecorators={hostClasses:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_0__.HostBinding,args:["class"]}]},ToastContainerComponent=(0,tslib__WEBPACK_IMPORTED_MODULE_1__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({selector:"cvi-ng-toast-container",template:"",changeDetection:_angular_core__WEBPACK_IMPORTED_MODULE_0__.ChangeDetectionStrategy.OnPush})],ToastContainerComponent)},"./libs/ui/src/lib/toast/toast.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{q:()=>ToastComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),toast_service=__webpack_require__("./libs/ui/src/lib/toast/toast.service.ts"),toast_config=__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts"),animations=__webpack_require__("./node_modules/@angular/animations/fesm2020/animations.mjs");let ToastComponent=class ToastComponent{constructor(toastService,toastPackage,cd){this.toastService=toastService,this.toastPackage=toastPackage,this.cd=cd,this.toastClasses="",this.progressBarWidth=-1,this.animationStartTime=-1,this.animationFrameRequestId=-1,this.animationTimeOutLength=-1,this.state={value:"inactive",params:{easeTime:this.toastPackage.config.easeTime}},this.role="alert",this.ariaLive="assertive",this.ariaAtomic="true",this.toastClasses=`cvi-toast ${toastPackage.toastType}`}get hostClasses(){return`cvi-toast ${this.toastPackage.toastType}`}ngAfterViewInit(){this.animationTimeOutLength=this.toastPackage.config.timeOut,this.timeout=setTimeout((()=>this.remove()),this.animationTimeOutLength),this.animateProgressBar(performance.now()),this.state=Object.assign(Object.assign({},this.state),{value:"active"})}tapToast(){this.remove()}keepToastAround(){"removed"!==this.state.value&&(clearTimeout(this.timeout),cancelAnimationFrame(this.animationFrameRequestId),this.animationFrameRequestId=-1,this.animationStartTime=-1,this.progressBarWidth=0)}delayedHideToast(){this.animationTimeOutLength=this.toastPackage.config.extendedTimeOut,this.timeout=setTimeout((()=>this.remove()),this.animationTimeOutLength),this.animateProgressBar(performance.now())}get message(){return this.toastPackage.message}get title(){return this.toastPackage.title}get progressBar(){return this.toastPackage.config.progressBar}get isSuccessToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.success}get isInfoToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.info}get isWarningToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.warning}get isErrorToast(){return this.toastPackage.toastType===this.toastPackage.config.toastTypes.error}remove(){"removed"!==this.state.value&&(clearTimeout(this.timeout),cancelAnimationFrame(this.animationFrameRequestId),this.animationFrameRequestId=-1,this.state=Object.assign(Object.assign({},this.state),{value:"removed"}),setTimeout((()=>this.toastService.remove(this.toastPackage.id)),this.toastPackage.config.easeTime))}animateProgressBar(timestamp){this.animationFrameRequestId=requestAnimationFrame(this.animateProgressBar.bind(this)),this.animationStartTime>0?(this.progressBarWidth=100-100*Math.min((timestamp-this.animationStartTime)/this.animationTimeOutLength,100),this.cd.markForCheck()):this.animationStartTime=timestamp}};ToastComponent.ctorParameters=()=>[{type:toast_service.k},{type:toast_config.PR},{type:core.ChangeDetectorRef}],ToastComponent.propDecorators={state:[{type:core.HostBinding,args:["@fade"]}],role:[{type:core.HostBinding,args:["attr.role"]}],ariaLive:[{type:core.HostBinding,args:["attr.aria-live"]}],ariaAtomic:[{type:core.HostBinding,args:["attr.aria-atomic"]}],hostClasses:[{type:core.HostBinding,args:["class"]}],tapToast:[{type:core.HostListener,args:["click"]}],keepToastAround:[{type:core.HostListener,args:["mouseenter"]}],delayedHideToast:[{type:core.HostListener,args:["mouseleave"]}]},ToastComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-toast",template:'

    \n \n \n \n \n
    {{ title }}
    \n \n

    \n
    \n {{ message }}\n
    \n
    \n',animations:[(0,animations.X$)("fade",[(0,animations.SB)("inactive",(0,animations.oB)({opacity:0})),(0,animations.SB)("active",(0,animations.oB)({opacity:1})),(0,animations.SB)("removed",(0,animations.oB)({opacity:0})),(0,animations.eR)("inactive => active",(0,animations.jt)("{{ easeTime }}ms ease-in")),(0,animations.eR)("active => removed",(0,animations.jt)("{{ easeTime }}ms ease-in"))])],changeDetection:core.ChangeDetectionStrategy.OnPush}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==toast_service.k&&toast_service.k)?_a:Object,"function"==typeof(_b=void 0!==toast_config.PR&&toast_config.PR)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object])],ToastComponent)},"./libs/ui/src/lib/toast/toast.service.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{k:()=>ToastService});var _a,_b,_c,_d,tslib__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_overlay__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/toast/overlay.ts"),_toast_component__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/toast/toast.component.ts"),_toast_config__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts");let ToastService=class ToastService{constructor(token,overlay,injector,appRef){this.overlay=overlay,this.injector=injector,this.appRef=appRef,this.toasts=[],this.nextUniqueId=0,this.toastConfig=Object.assign(Object.assign({},token.default),token.config)}success(title,message){const type=this.toastConfig.toastTypes.success;return this.buildAndDisplayNotification(type,title,message)}info(title,message){const type=this.toastConfig.toastTypes.info;return this.buildAndDisplayNotification(type,title,message)}warning(title,message){const type=this.toastConfig.toastTypes.warning;return this.buildAndDisplayNotification(type,title,message)}error(title,message){const type=this.toastConfig.toastTypes.error;return this.buildAndDisplayNotification(type,title,message)}buildAndDisplayNotification(toastType,title,message){const toastPackage=new _toast_config__WEBPACK_IMPORTED_MODULE_2__.PR(this.nextUniqueId++,this.toastConfig,toastType,title,message),toastInjector=_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector.create({providers:[{provide:_toast_config__WEBPACK_IMPORTED_MODULE_2__.PR,useValue:toastPackage}],parent:this.injector}),toastComponentRef=(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.createComponent)(_toast_component__WEBPACK_IMPORTED_MODULE_1__.q,{environmentInjector:this.appRef.injector,elementInjector:toastInjector}),toast={id:toastPackage.id,title:title||"",message:message||"",componentRef:toastComponentRef};this.toasts.push(toast);const containerElement=this.overlay.getContainerElement().location.nativeElement;return containerElement.insertBefore(this.getComponentRootNode(toastComponentRef),containerElement.firstChild),this.appRef.attachView(toastComponentRef.hostView),toast}remove(toastId){const toastIndex=this.findToast(toastId);if(-1===toastIndex)return;this.toasts.splice(toastIndex,1)[0].componentRef.destroy()}findToast(id){return this.toasts.findIndex((toast=>toast.id===id))}getComponentRootNode(componentRef){return componentRef.hostView.rootNodes[0]}};ToastService.ctorParameters=()=>[{type:void 0,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Inject,args:[_toast_config__WEBPACK_IMPORTED_MODULE_2__.$e]}]},{type:_overlay__WEBPACK_IMPORTED_MODULE_0__.a},{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector},{type:_angular_core__WEBPACK_IMPORTED_MODULE_3__.ApplicationRef}],ToastService=(0,tslib__WEBPACK_IMPORTED_MODULE_4__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injectable)({providedIn:"root"}),(0,tslib__WEBPACK_IMPORTED_MODULE_4__.w6)("design:paramtypes",["function"==typeof(_a="undefined"!=typeof ToastToken&&ToastToken)?_a:Object,"function"==typeof(_b=void 0!==_overlay__WEBPACK_IMPORTED_MODULE_0__.a&&_overlay__WEBPACK_IMPORTED_MODULE_0__.a)?_b:Object,"function"==typeof(_c=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector&&_angular_core__WEBPACK_IMPORTED_MODULE_3__.Injector)?_c:Object,"function"==typeof(_d=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_3__.ApplicationRef&&_angular_core__WEBPACK_IMPORTED_MODULE_3__.ApplicationRef)?_d:Object])],ToastService)},"./libs/ui/src/lib/tooltip/tooltip.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>TooltipComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TooltipComponent=class TooltipComponent{constructor(){this.message="",this.left=0,this.top=0,this.arrowLeft=0,this.arrowTop=0}get getHostClasses(){return"cvi-tooltip"}};TooltipComponent.propDecorators={message:[{type:core.Input}],left:[{type:core.Input}],top:[{type:core.Input}],arrowLeft:[{type:core.Input}],arrowTop:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},TooltipComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-tooltip",template:'
    \n {{message}}\n
    \n
    \n'})],TooltipComponent)},"./libs/ui/src/lib/tooltip/tooltip.directive.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>TooltipDirective});var _a,_b,_c,tslib__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/tslib/tslib.es6.js"),_angular_core__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),_angular_common__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),_tooltip_component__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts");let TooltipDirective=class TooltipDirective{constructor(elementRef,viewContainerRef,document){this.elementRef=elementRef,this.viewContainerRef=viewContainerRef,this.document=document,this.cviNgTooltip="",this.componentRef=null}onMouseEnter(){if(null===this.componentRef){this.componentRef=this.viewContainerRef.createComponent(_tooltip_component__WEBPACK_IMPORTED_MODULE_0__.K),this.setTooltipComponentProperties();const domElement=this.componentRef.hostView.rootNodes[0];this.document.body.appendChild(domElement),setTimeout((()=>this.reposition()),0)}}setTooltipOutOfView(){null!==this.componentRef&&(this.componentRef.instance.left=-500,this.componentRef.instance.top=-500,this.componentRef.instance.arrowLeft=-500,this.componentRef.instance.arrowTop=-500)}setTooltipComponentProperties(){null!==this.componentRef&&(this.componentRef.instance.message=this.cviNgTooltip,this.setTooltipOutOfView())}reposition(){var _a;const{left,right,top}=this.elementRef.nativeElement.getBoundingClientRect(),elementCenter=(right+left)/2;if(void 0!==(null===(_a=this.componentRef)||void 0===_a?void 0:_a.location.nativeElement.children[0].getBoundingClientRect())){const{width,height}=this.componentRef.location.nativeElement.children[0].getBoundingClientRect();let tooltipPositionX,tooltipPositionY,tooltipArrowPositionX,tooltipArrowPositionY;elementCenter[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef},{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef},{type:Document,decorators:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Inject,args:[_angular_common__WEBPACK_IMPORTED_MODULE_2__.K0]}]}],TooltipDirective.propDecorators={cviNgTooltip:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.Input}],onMouseEnter:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["mouseleave"]}],onMouseClick:[{type:_angular_core__WEBPACK_IMPORTED_MODULE_1__.HostListener,args:["click",["$event"]]}]},TooltipDirective=(0,tslib__WEBPACK_IMPORTED_MODULE_3__.gn)([(0,_angular_core__WEBPACK_IMPORTED_MODULE_1__.Directive)({selector:"[cviNgTooltip]",exportAs:"cviNgTooltip"}),(0,tslib__WEBPACK_IMPORTED_MODULE_3__.w6)("design:paramtypes",["function"==typeof(_a=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef&&_angular_core__WEBPACK_IMPORTED_MODULE_1__.ViewContainerRef)?_b:Object,"function"==typeof(_c="undefined"!=typeof Document&&Document)?_c:Object])],TooltipDirective)},"./libs/ui/src/lib/track/track.component.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>TrackComponent});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let TrackComponent=class TrackComponent{constructor(){this.gap=0,this.layout="flex",this.flexColumnsEqual=!1,this.horizontalAlignment="normal",this.verticalAlignment="normal",this.flexDirection="horizontal",this.flexIsMultiline=!1}get hostCSSPropGridRows(){return this.gridRows?`${this.gridRows}`:null}get hostCSSPropHorizontalAlignment(){return this.horizontalAlignment?`\n ${"normal"===this.horizontalAlignment?"normal":""}\n ${"left"===this.horizontalAlignment?"flex-start":""}\n ${"right"===this.horizontalAlignment?"flex-end":""}\n ${"center"===this.horizontalAlignment?"center":""}\n ${"justify"===this.horizontalAlignment?"space-between":""}\n `:null}get hostCSSPropVerticalAlignment(){return"normal"!==this.verticalAlignment?`\n ${"top"===this.verticalAlignment?"flex-start":""}\n ${"center"===this.verticalAlignment?"center":""}\n ${"bottom"===this.verticalAlignment?"flex-end":""}\n `:null}get hostCSSPropIsMultiline(){return"flex"===this.layout&&this.flexIsMultiline?"wrap":null}get hostClasses(){return`cvi-track cvi-track--direction-${this.getHostDirection()}${"grid"===this.layout?" cvi-track--layout-grid":" cvi-track--layout-flex"}${this.flexColumnsEqual?" cvi-track--items-have-equal-width":""}${this.gridRows?" cvi-track--has-rows":""}`}getHostDirection(){return"verticalOnMobile"===this.flexDirection?"vertical-on-mobile":"verticalReverseOnMobile"===this.flexDirection?"vertical-reversed-on-mobile":this.flexDirection}};TrackComponent.propDecorators={gap:[{type:core.HostBinding,args:["style.--gap"]},{type:core.Input}],layout:[{type:core.Input}],flexColumnsEqual:[{type:core.Input}],hostCSSPropGridRows:[{type:core.HostBinding,args:["style.--rows"]}],gridRows:[{type:core.Input}],hostCSSPropHorizontalAlignment:[{type:core.HostBinding,args:["style.--horizontal-alignment"]}],horizontalAlignment:[{type:core.Input}],hostCSSPropVerticalAlignment:[{type:core.HostBinding,args:["style.--vertical-alignment"]}],verticalAlignment:[{type:core.Input}],flexDirection:[{type:core.Input}],hostCSSPropIsMultiline:[{type:core.HostBinding,args:["style.--wrap"]}],flexIsMultiline:[{type:core.Input}],hostClasses:[{type:core.HostBinding,args:["class"]}]},TrackComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-track",template:"\n"})],TrackComponent)},"./libs/ui/src/lib/ui.module.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>UiModule});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),circle_component=__webpack_require__("./libs/ui/src/lib/circle/circle.component.ts"),to_step_circle_icon_name_pipe=__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts"),to_step_circle_severity_pipe=__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts"),track_component=__webpack_require__("./libs/ui/src/lib/track/track.component.ts"),content_container_component=__webpack_require__("./libs/ui/src/lib/content-container/content-container.component.ts"),content_panel_component=__webpack_require__("./libs/ui/src/lib/content-panel/content-panel.component.ts"),button_component=__webpack_require__("./libs/ui/src/lib/button/button.component.ts"),status_badge_component=__webpack_require__("./libs/ui/src/lib/status-badge/status-badge.component.ts"),form_item_component=__webpack_require__("./libs/ui/src/lib/form-item/form-item.component.ts"),input_component=__webpack_require__("./libs/ui/src/lib/input/input.component.ts"),radio_group_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts"),radio_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts"),icon_component=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts"),labeled_icon_component=__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts"),steps_component=__webpack_require__("./libs/ui/src/lib/steps/steps/steps.component.ts"),step_component=__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts"),step_panel_component=__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts"),feedback_component=__webpack_require__("./libs/ui/src/lib/feedback/feedback/feedback.component.ts"),textarea_component=__webpack_require__("./libs/ui/src/lib/textarea/textarea.component.ts"),option_button_component=__webpack_require__("./libs/ui/src/lib/radio-button/option-button/option-button.component.ts"),text_field=__webpack_require__("./node_modules/@angular/cdk/fesm2020/text-field.mjs"),accordion_component=__webpack_require__("./libs/ui/src/lib/accordion/accordion.component.ts"),accordion_item_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts"),accordion_content_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts"),accordion_title_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts"),accordion_header_directive=__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts"),html_section_component=__webpack_require__("./libs/ui/src/lib/html-section/html-section.component.ts"),safe_html_pipe=__webpack_require__("./libs/ui/src/lib/html-section/safe-html-pipe.ts"),notification_component=__webpack_require__("./libs/ui/src/lib/notification/notification.component.ts"),notification_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts"),icons_registry_service=__webpack_require__("./libs/ui/src/lib/icons/icons-registry.service.ts"),icons=__webpack_require__("./dist/libs/icons/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),breadcrumbs_component=__webpack_require__("./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts"),select_component=__webpack_require__("./libs/ui/src/lib/select/select.component.ts"),select_navigation_directive=__webpack_require__("./libs/ui/src/lib/select/select-navigation.directive.ts"),select_templates_directive=__webpack_require__("./libs/ui/src/lib/select/select-templates.directive.ts"),data_attribute_directive=__webpack_require__("./libs/ui/src/lib/directives/data-attribute.directive.ts"),tooltip_component=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts"),tooltip_directive=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.ts"),tab_component=__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),tab_group_component=__webpack_require__("./libs/ui/src/lib/tabs/tab-group.component.ts"),tabs_component=__webpack_require__("./libs/ui/src/lib/tabs/tabs.component.ts"),toast_config=__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts"),toast_component=__webpack_require__("./libs/ui/src/lib/toast/toast.component.ts"),toast_container_component=__webpack_require__("./libs/ui/src/lib/toast/toast-container.component.ts"),character_counter_component=__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.component.ts"),character_counter_directive=__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.directive.ts"),toc_section_directive=__webpack_require__("./libs/ui/src/lib/table-of-contents/toc-section.directive.ts"),generated_table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts"),table_of_contents_wrapper_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts"),table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts"),table_of_contents_item_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts"),modal_component=__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts"),modal_directive=__webpack_require__("./libs/ui/src/lib/modal/modal.directive.ts"),confirmation_modal_component=__webpack_require__("./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts"),a11y=__webpack_require__("./node_modules/@angular/cdk/fesm2020/a11y.mjs"),reorderable_list_component=__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts"),reorderable_list_item_component=__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts"),table_component=__webpack_require__("./libs/ui/src/lib/table/table.component.ts"),body_cell_component=__webpack_require__("./libs/ui/src/lib/table/body-cell/body-cell.component.ts"),header_cell_component=__webpack_require__("./libs/ui/src/lib/table/header-cell/header-cell.component.ts"),screenreader_text_component=__webpack_require__("./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts"),datepicker_component=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker.component.ts"),datepicker_calendar_component=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-calendar.component.ts"),datepicker_label_config_token=__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js");var _a,timed_notice_component=__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice.component.ts"),timed_notice_severity_to_icon_pipe=__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts"),form_message_directive=__webpack_require__("./libs/ui/src/lib/form-message/form-message.directive.ts"),form_message_component=__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts"),form_message_severity_to_header_icon_pipe=__webpack_require__("./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts");const components=[track_component.W,content_container_component.G,content_panel_component.D,status_badge_component.e,button_component.r,input_component.a,form_item_component.J,icon_component.o,labeled_icon_component.K,steps_component.G,step_component.B,step_panel_component.w,radio_group_component.w,radio_button_component._,option_button_component.h,feedback_component.A,textarea_component.R,html_section_component.r,accordion_component.Z,accordion_item_directive.u,accordion_content_directive.q,accordion_title_directive.g,accordion_header_directive.f,toc_section_directive.I,table_of_contents_wrapper_component.u,table_of_contents_component.q,table_of_contents_item_component.j,generated_table_of_contents_component.w,notification_component.c,breadcrumbs_component.n,select_component.H,select_navigation_directive.a,select_templates_directive.b,select_templates_directive._,data_attribute_directive.v,tooltip_component.K,tooltip_directive.i,tab_component.i,tab_group_component.Q,tabs_component.n,toast_component.q,toast_container_component.J,character_counter_component.V,character_counter_directive.$,modal_component.z,modal_directive.o,confirmation_modal_component.Y,reorderable_list_component.P,reorderable_list_item_component.O,table_component.a,screenreader_text_component.G,body_cell_component.M,header_cell_component.V,datepicker_component.Q,datepicker_calendar_component.F,timed_notice_component.a,form_message_component.K,form_message_directive.p,circle_component.H],pipes=[safe_html_pipe.z,notification_severity_to_header_icon_pipe.b,timed_notice_severity_to_icon_pipe.O,form_message_severity_to_header_icon_pipe.C,to_step_circle_severity_pipe.T,to_step_circle_icon_name_pipe._],directives=[data_attribute_directive.v];let UiModule=class UiModule{constructor(registry){this.registry=registry,this.registry.registerIcons([icons.cviCall,icons.cviClose,icons.cviInfo,icons.cviCheckCircleOutline,icons.cviCheck,icons.cviWarningAmber,icons.cviErrorOutline,icons.cviLoupe,icons.cviArrowALeft,icons.cviArrowARight,icons.cviArrowBLeft,icons.cviArrowBRight,icons.cviSadFace,icons.cviHappyFace,icons.cviScreenShare,icons.cviSuccess,icons.cviEmail,icons.cviLocation,icons.cviArrowDown,icons.cviArrowUp,icons.cviEditSimple,icons.cviArrowUpAlt,icons.cviArrowDownAlt,icons.cviCalendar,icons.cviInputError,icons.cviOpenInNew,icons.cviFilter])}};UiModule.ctorParameters=()=>[{type:icons_registry_service.Z}],UiModule=(0,tslib_es6.gn)([(0,core.NgModule)({imports:[common.ez,text_field.Ky,fesm2020_forms.ReactiveFormsModule,fesm2020_forms.FormsModule,a11y.rt],declarations:[...components,...pipes],exports:[...components,...pipes,...directives],providers:[...pipes,{provide:toast_config.$e,useValue:{default:toast_config.Qn}},{provide:datepicker_label_config_token.c,useValue:new class DefaultDatepickerLabelConfig{getDayShorthandLabels(){return(0,of.of)(["E","T","K","N","R","L","P"])}getDayFullLabels(){return(0,of.of)(["Esmaspäev","Teisipäev","Kolmapäev","Neljapäev","Reede","Laupäev","Pühapäev"])}getMonthLabels(){return(0,of.of)(["Jaanuar","Veebruar","Märts","Aprill","Mai","Juuni","Juuli","August","September","Oktoober","November","Detsember"])}getScreenReaderLabel(){return(0,of.of)("Vali kuupäev")}getScreenReaderDescription(){return(0,of.of)("Nõutud kuupäeva formaat: dd.MM.yyyy")}}}]}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==icons_registry_service.Z&&icons_registry_service.Z)?_a:Object])],UiModule)},"./libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>hierarchical_box_diagram_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var _a,_b,_c,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),src=__webpack_require__("./node_modules/d3/src/index.js");let HierarchicalBoxDiagramComponent=class HierarchicalBoxDiagramComponent{constructor(elementRef,ngZone,cdRef){this.elementRef=elementRef,this.ngZone=ngZone,this.cdRef=cdRef,this.ariaLabel="Hierarchical box diagram",this.svg=null}ngOnChanges(changes){var _a;(null===(_a=changes.boxes)||void 0===_a?void 0:_a.currentValue)&&this.createDiagram()}ngOnDestroy(){this.removeSvg()}onResize(){this.createDiagram()}createDiagram(){this.ngZone.runOutsideAngular((()=>{this.setupDiagram(),this.cdRef.markForCheck()}))}setupDiagram(){this.removeSvg(),this.createSvg(),this.calculateBoxDimensions(),this.drawGraph()}drawGraph(){const{rootNode,additionalLinks}=this.toHierarchy(this.boxes);if(!rootNode)return;const root=src.bT9(rootNode),containerWidth=this.container.nativeElement.clientWidth,containerHeight=this.container.nativeElement.clientHeight,{BOX_PARAMS}=HierarchicalBoxDiagramComponent,rootWidth=1.5*BOX_PARAMS.MAX_BOX_WIDTH,hierarchy=(0,src.G_s)().size([containerHeight,containerWidth-rootWidth]).separation(((a,b)=>this.calculateSeparation(a,b)))(root),nodes=hierarchy.descendants();for(let i=0;ithis.mapLinkToNodes(link,nodes))),combinedLinks=links.concat(additionalMappedLinks);this.drawLines(combinedLinks),this.drawBoxes(nodes)}createSvg(){const containerWidth=this.container.nativeElement.clientWidth,containerHeight=this.container.nativeElement.clientHeight,{BOX_PARAMS}=HierarchicalBoxDiagramComponent,viewBoxX=-BOX_PARAMS.MAX_BOX_WIDTH/1.5;this.svg=src.Ys(this.container.nativeElement).append("svg").attr("width","100%").attr("height","100%").attr("viewBox",`${viewBoxX} 0 ${containerWidth} ${containerHeight}`)}drawLines(links){this.svg.selectAll(".link").data(links).enter().append("path").attr("class","link").attr("d",this.calculateLinkPath).attr("fill","none").attr("stroke","#D2D3D8").attr("stroke-width",2)}calculateLinkPath(d){const sourceX=d.source.y,sourceY=d.source.x,targetX=d.target.y,targetY=d.target.x,midXSource=sourceX,midYSource=(sourceY+sourceY+d.source.height)/2,midXTarget=targetX,midYTarget=(targetY+targetY+d.target.height)/2;return sourceYtargetY?`M ${sourceX} ${sourceY} L ${midXSource} ${midYSource} L ${midXSource} ${midYTarget} L ${midXTarget} ${midYTarget} L ${targetX} ${targetY}`:`M ${sourceX} ${sourceY} L ${targetX} ${targetY}`}drawBoxes(nodes){const boxAnchor=this.svg.selectAll(".box").data(nodes).enter().append("g").attr("class","box").attr("transform",(d=>`translate(${d.y},${d.x})`)).append("a").each((function(d){const href=d.data.data.href;href&&src.Ys(this).attr("href",href)}));boxAnchor.append("title").text((d=>`Diagram box for ${d.data.data.label}`)),boxAnchor.attr("tabindex","0");const idToLabelLookup=nodes.reduce(((acc,boxNode)=>(acc[boxNode.data.data.id]=boxNode.data.data.label,acc)),{});boxAnchor.append("desc").text((d=>{let description=`Box labeled ${d.data.data.label}.`;if(d.parent&&(description+=` This box is a child of ${d.parent.data.data.label}.`),d.data.data.targets&&d.data.data.targets.length>0){description+=` This box links to boxes labeled: ${d.data.data.targets.map((targetId=>idToLabelLookup[targetId]||targetId)).join(", ")}.`}return description})),boxAnchor.append("rect").attr("x",(d=>-(d.data.data.width||100)/2)).attr("y",(d=>-(d.data.data.height||50)/2)).attr("width",(d=>d.data.data.width||100)).attr("height",(d=>d.data.data.height||50)).attr("rx",5).attr("ry",5).attr("fill",(d=>d.data.data.color)).attr("stroke",(d=>"dotted"===d.data.data.borderStyle||"solid"===d.data.data.borderStyle?d.data.data.borderColor||this.darkenColor(d.data.data.color):"none")).attr("stroke-dasharray",(d=>"dotted"===d.data.data.borderStyle?"4,5":"")).attr("stroke-width",2);const{BOX_PARAMS}=HierarchicalBoxDiagramComponent;boxAnchor.append("foreignObject").attr("x",(d=>-(d.data.data.width||100)/2)).attr("y",(d=>-(d.data.data.height||50)/2)).attr("width",(d=>d.data.data.width||100)).attr("height",(d=>d.data.data.height||50)).html((d=>`
    ${d.data.data.label}
    `)).style("font-size",BOX_PARAMS.FONT_SIZE).style("line-height",BOX_PARAMS.LINE_HEIGHT)}toHierarchy(boxes){const nodeMap={},additionalLinks=[];boxes.forEach((box=>nodeMap[box.id]={data:box}));const rootNode=nodeMap[1],queue=[rootNode];for(;queue.length;){const currentNode=queue.shift();(null==currentNode?void 0:currentNode.data.targets)&&(currentNode.children=[],currentNode.data.targets.forEach((targetId=>{var _a;if(!nodeMap[targetId])return;const childNode=nodeMap[targetId];if(childNode.parent){const link={source:currentNode.data.id,target:childNode.data.id};this.linkExists(additionalLinks,link)||additionalLinks.push(link)}else childNode.parent=currentNode,null===(_a=currentNode.children)||void 0===_a||_a.push(childNode),queue.push(childNode)})))}return{rootNode,additionalLinks}}linkExists(links,link){return links.some((l=>l.source===link.source&&l.target===link.target||l.source===link.target&&l.target===link.source))}calculateBoxDimensions(){var _a;const{PADDING,BOX_PARAMS}=HierarchicalBoxDiagramComponent,MAX_WIDTH=BOX_PARAMS.MAX_BOX_WIDTH,measureDiv=null===(_a=this.measureDiv)||void 0===_a?void 0:_a.nativeElement;measureDiv.style.boxSizing="border-box",measureDiv.style.fontSize=BOX_PARAMS.FONT_SIZE,measureDiv.style.lineHeight=BOX_PARAMS.LINE_HEIGHT,measureDiv.style.fontFamily=BOX_PARAMS.FONT_FAMILY,this.boxes.forEach((box=>{measureDiv.innerHTML=box.label;const rect=measureDiv.getBoundingClientRect(),width=rect.width,initialHeight=rect.height,renderedText=measureDiv.innerText||measureDiv.textContent;if(!/\s/.test(renderedText)&&width>MAX_WIDTH)box.width=width,box.height=initialHeight+PADDING.VERTICAL;else if(width>MAX_WIDTH){const overflowRatio=width/MAX_WIDTH;box.width=MAX_WIDTH+PADDING.HORIZONTAL,box.height=initialHeight*overflowRatio+PADDING.VERTICAL}else box.width=width+PADDING.HORIZONTAL,box.height=initialHeight+PADDING.VERTICAL;measureDiv.innerHTML="",measureDiv.removeAttribute("style")}))}darkenColor(color,percent=-40){const num=parseInt(color.slice(1),16),amt=Math.round(2.55*percent);return"#"+(1<<24|(num>>16)+amt<<16|(num>>8&255)+amt<<8|(255&num)+amt).toString(16).slice(1).toUpperCase()}mapLinkToNodes(link,nodes){return{source:nodes.find((node=>node.data.data.id===link.source)),target:nodes.find((node=>node.data.data.id===link.target))}}calculateSeparation(a,b){const{BOX_PARAMS}=HierarchicalBoxDiagramComponent,additionalSeparation=Math.abs(a.x-b.x)second.y-halfWidth2&&first.y-halfWidth1second.x-halfHeight2&&first.x-halfHeight1[{type:core.ElementRef},{type:core.NgZone},{type:core.ChangeDetectorRef}],HierarchicalBoxDiagramComponent.propDecorators={measureDiv:[{type:core.ViewChild,args:["measureDiv",{static:!0}]}],container:[{type:core.ViewChild,args:["container",{static:!0}]}],boxes:[{type:core.Input}],ariaLabel:[{type:core.Input}],onResize:[{type:core.HostListener,args:["window:resize",["$event"]]}]},HierarchicalBoxDiagramComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-hierarchical-box-diagram",template:'
    \n
    \n',encapsulation:core.ViewEncapsulation.None,changeDetection:core.ChangeDetectionStrategy.OnPush,styles:["a:hover {\n text-decoration: none;\n}\n\n.hidden-measure-helper {\n position: absolute;\n top: -10000px;\n visibility: hidden;\n}\n\n.svg-diagram-container {\n height: 100%;\n position: absolute;\n width: 100%;\n}\n\n.box-content {\n align-items: center;\n border-width: 1px;\n display: flex;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n text-align: center;\n width: 100%;\n word-wrap: break-word;\n}\n\n.box-content.border-none {\n border-style: none;\n}\n\n.box-content.border-dotted {\n border-style: dotted;\n}"]}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ElementRef&&core.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==core.NgZone&&core.NgZone)?_b:Object,"function"==typeof(_c=void 0!==core.ChangeDetectorRef&&core.ChangeDetectorRef)?_c:Object])],HierarchicalBoxDiagramComponent);const hierarchical_box_diagram_component_stories={title:"Angular Diagrams/Hierarchical Box Diagram",component:HierarchicalBoxDiagramComponent,decorators:[(0,client.moduleMetadata)({imports:[]})],parameters:{notes:"## General Description\n\n| Feature | Description |\n|----------|-------------------------------------------|\n| Angular Component | `HierarchicalBoxDiagramComponent` |\n| Corresponding Typescript Class | `HierarchicalBoxDiagramComponent` |\n| Permitted Parent/Ancestors | Any |\n| Permitted Angular Components as Children | None |\n\n## Where to Use\n\nThis component is designed to display a diagram that illustrates hierarchical relationships between different elements. It's useful in scenarios like visualizing workflows, decision trees, or file system structures.\n\n## How to Use\n\n### In Angular Template\n\nAdd the `cvi-ng-hierarchical-box-diagram` tag to your HTML template:\n\n```html\n\n```\n\n### In TypeScript\n\nDefine a `boxes` array within your Angular component's TypeScript file. Then bind it to the `[boxes]` input attribute of the `cvi-ng-hierarchical-box-diagram` component.\n\n```typescript\nboxes = [\n{\nid: '1',\nhref: 'https://example.com/1',\nlabel: '

    Health concern

    ',\ntargets: ['2', '7'],\n// ...additional style properties\n},\n// ...other boxes\n];\n```\n\n### Box Properties\n\nEach object in the `boxes` array must include:\n\nid: string;\nlabel: string;\ncolor: string;\nborderStyle: 'none' | 'dotted' | 'solid';\nborderColor?: string;\ntargets?: string[];\nhref?: string;\n\n- `id`: A unique identifier for each box.\n- `label`: The label to display inside the box.\n- `color`: A color for the box fill. Valid values are all hex and color codes.\n\n- Each object in the boxes array may define:\n- `targets`: An array of `id`s representing target boxes that this box connects to. Optional.\n- `href`: The URL to which the box links. Since the label can be html then the user can make specific parts of the label as links and not use this option if the goal is to have embedded links. Optional.\n- `borderColor`: A color for the border, default is the same as the box color. Valid values are all hex and color codes. Optional.\n- `borderStyle`: A style for the border, default is none. Allowed values 'none', 'dotted', 'solid'. Optional.\n\n#### Example\n\n```typescript\n{\nid: '1',\ncolor: '#F0F0F2'\nhref: 'https://example.com/1',\nlabel: '

    Health concern

    ',\ntargets: ['2', '7'],\nborderStyle: 'solid'\nborderColor: '#D73E3E'\n},\n{\nid: '2',\ncolor: '#F0F0F2'\nhref: 'https://example.com/2',\nlabel: '

    Health concern 2

    ',\ntargets: [],\nborderStyle: 'solid'\nborderColor: '#D73E3E'\n},\n{\nid: '7',\ncolor: '#F0F0F2'\nhref: 'https://example.com/7',\nlabel: '

    Health concern 7

    ',\ntargets: [],\nborderStyle: 'solid'\nborderColor: '#D73E3E'\n}\n```\n\nThis creates a single box with a solid red border, linking to `https://example.com/1`, and labeled as \"Health concern.\".\nThe first box is connected to two other boxes with id's 2 and 7.\n---\n\nFeel free to modify, extend, or customize your `boxes` array as needed for your specific use-case.\n",layout:"fullscreen",backgrounds:{default:"default",values:[{name:"default",value:"#ffffff"}]},viewport:{defaultViewport:"custom",viewports:{custom:{name:"Custom Viewport",styles:{width:"800px",height:"400px"}}}}}},Default=(args=>({props:args})).bind({});function baseBoxStyles(color,borderStyle="none",borderColor="transparent"){return{color,borderStyle,borderColor}}function dottedBoxStyles(color,borderColor){return Object.assign({},baseBoxStyles(color,"dotted",borderColor))}Default.args={boxes:[Object.assign(Object.assign({},baseBoxStyles("#F0F0F2","solid","#D73E3E")),{id:"1",href:"https://example.com/1",label:'

    Health concern

    ',targets:["2","7"]}),...function defaultBoxes(boxes){return boxes.map((box=>Object.assign(Object.assign({},baseBoxStyles("#FFF1D3")),box)))}([{id:"2",href:"https://example.com/2",label:"I have a minor health issue",targets:["3","4","5"]},{id:"3",href:"https://example.com/3",label:"Pharmacy"},{id:"4",href:"https://example.com/4",label:"Helpline 1220"},{id:"5",href:"https://example.com/5",label:"Family doctor",targets:["6","9"]}]),Object.assign(Object.assign({},dottedBoxStyles("#B9D2E5","#3B85BD")),{id:"6",href:"https://example.com/6",label:"Specialist doctor",targets:["9"]}),Object.assign(Object.assign({},baseBoxStyles("#CECFD8")),{id:"9",href:"https://example.com/9",label:"Conclusions/Referrals",targets:["10","11"]}),Object.assign(Object.assign({},dottedBoxStyles("#ECF4EF","#399E43")),{id:"10",href:"https://example.com/10",label:"Treatment at home"}),Object.assign(Object.assign({},baseBoxStyles("#FBEDED")),{id:"7",href:"https://example.com/7",label:"I have an acute health issue and need emergency care",targets:["8"]}),Object.assign(Object.assign({},baseBoxStyles("#FCEEEE")),{id:"8",href:"https://example.com/8",label:"Call 112 or go to ER",targets:["11"]}),Object.assign(Object.assign({},dottedBoxStyles("#FCEEEE","#D73E3E")),{id:"11",href:"https://example.com/11",label:"Hospitalization",targets:["9"]})]}},"./libs/ui/src/lib/accordion/accordion.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithCustomHeader:()=>WithCustomHeader,WithHTMLInTitle:()=>WithHTMLInTitle,default:()=>accordion_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js");var ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const accordion_component_stories={title:"Angular/Accordion",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-accordion`\nComponent name | `AccordionComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-accordion-item`\n\n## Where to use\n\nUtilise when there is a need to display a list of questions with answers displayed in a compact way.\n\nCustom titles and custom headers can be used via `cviNgAccordionTitle` and `cviNgAccordionHeader` `ng-template` directives.\n"},args:{singleOpen:!0,content$:(0,from.D)([[{title:"I am the title of the first observable array element",content:"Content is irrelevant"},{title:"I am the title of the second observable array element",content:"This content is also irrelevant"}]]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(500)))))},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W]})]},Template=args=>({props:args,template:'\n \n \n \n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \n     \n     \n \n \n Qua qua\n \n \n \n \n Howdy!\n \n \n \n \n One helluva content\n \n \n \n \n

    {{elem.content}}

    \n     \n \n     \n '}),Default=Template.bind({});Default.args={};const Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}};const WithHTMLInTitle=(args=>({props:args,template:'\n \n \n \n

    Custom title with custom HTML and a flag

    \n \n \n \n \n \n \n \n     \n \n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \n     \n     \n     \n '})).bind({});WithHTMLInTitle.args={};const WithCustomHeader=(args=>({props:args,template:'\n \n \n \n

    Custom header with custom HTML and a button

    \n \n     \n \n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \n     \n     \n     \n '})).bind({});WithCustomHeader.args={}},"./libs/ui/src/lib/accordion/accordion.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>accordion_html_stories});const accordion_html_stories={title:"HTML/Accordion",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-accordion`\nCorresponding Javascript component | `AccordionComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children of accordion items | any\n\n## Where to use\n\nUtilise when there is a need to display a list of questions with answers displayed in a compact way.\n\n## How to use\n\nAdd directly to HTML using `.cvi-accordion*` classes or `@include` mixin `@cvi-accordion` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
      \n
    • \n
      \n \n
      \n
      \n
      \n

      An accordion

      \n
      \n
      \n
      • \n
    • \n
      \n \n
      \n
      \n
      \n Viimati muudetud 23.12.2023 | Teksti koostas Justiitsministeerium\n
      \n
      \n

      An accordion

      \n
      \n
      \n
      • \n
    • \n
      \n \n
      \n \n
      • \n
    • \n
      \n \n
      \n \n
      • \n
    \n
    \n '}),Default=Template.bind({});Default.args={};const Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>breadcrumbs_component_stories});const breadcrumbs_component_stories={title:"Angular/Breadcrumbs",component:__webpack_require__("./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts").n,parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-breadcrumbs`\n Component name | `BreadcrumbsComponent`\n Design system module | -\n Permitted parent/ancestors | any\n Permitted children | -\n\n## Where to use\n\nUse to show info about navigation.\n"},args:{breadcrumbs:[{title:"Avaleht",href:"/avaleht"},{title:"Ilma urlita samm"},{title:"Abiellumine",href:"/abiellumine"},{title:"Avalduse esitamine",href:"/abiellumine/avalduse-esitamine"}]}},Default=(args=>({props:args,template:'\n \n '})).bind({});Default.args={};const Mobile=(args=>({props:args,template:'\n \n \n '})).bind({});Mobile.args={iconName:"arrow_a_left"},Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>breadcrumbs_html_stories});const breadcrumbs_html_stories={title:"HTML/Breadcrumbs",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-breadcrumbs`\n Component name | `BreadcrumbsComponent`\n Design system module | -\n Permitted parent/ancestors | any\n Permitted children | -\n\n## Where to use\n\nUse to show info about navigation.\n\n## How to use\n\nAdd directly to HTML using `.cvi-breadcrumbs*` classes or `@include` mixin `@cvi-breadcrumbs` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n \n \n \n \n \n
    \n
    \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/button/button.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Secondary:()=>Secondary,Small:()=>Small,Text:()=>Text,TextWithoutUnderline:()=>TextWithoutUnderline,WithCustomColor:()=>WithCustomColor,WithIcon:()=>WithIcon,WithIconBefore:()=>WithIconBefore,WithIconSmall:()=>WithIconSmall,default:()=>button_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var button_component=__webpack_require__("./libs/ui/src/lib/button/button.component.ts"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const button_component_stories={title:"Angular/Button",component:button_component.r,parameters:{notes:'## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-button`\nComponent name | `ButtonComponent`\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | Phrasing content\n\n## Where to use\n\nDisplays a regular button. You can have it `disabled` or switch its visuals through `appearance` prop.\n\nYou can use `--cvi-button-color` and `--cvi-button-color--hover` CSS variables to customise the background color of the button with `appearance=primary` prop.\n\nYou can also utilise `--cvi-button--text-decoration` to remove the underline when `appearance="text"`.\n'},argTypes:{appearance:{name:"Appearance",options:["primary","secondary","text"],control:{type:"inline-radio"}},iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},content:{name:"Content",table:{category:"Playground"}},onClick:{action:"Button clicked!"}},args:{content:"Button label",appearance:"primary",disabled:!1}},Template=args=>({props:args,template:'\n {{ content }}\n '}),Default=Template.bind({});Default.args={};const Secondary=Template.bind({});Secondary.args={appearance:"secondary"};const Small=Template.bind({});Small.args={size:"s"};const Text=Template.bind({});Text.args={appearance:"text"};const WithIcon=Template.bind({});WithIcon.args={iconName:"add",iconPosition:"after"};const WithIconSmall=Template.bind({});WithIconSmall.args={size:"s",iconName:"add",iconPosition:"after"};const WithIconBefore=Template.bind({});WithIconBefore.args={iconName:"add",iconPosition:"before"};const WithCustomColor=(args=>({props:args,styles:[":host {\n --cvi-button-color: var(--cvi-color-jasper-10);\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\n }"],template:'\n \n {{ content }}\n \n '})).bind({}),TextWithoutUnderline=(args=>({props:args,styles:[":host {\n --cvi-button--text-decoration: none;\n }"],template:'\n \n {{ content }}\n \n '})).bind({});TextWithoutUnderline.args={appearance:"text"},TextWithoutUnderline.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n Apply --cvi-button--text-decoration: none CSS variable on the component host or its ancestor to remove the underline.\n \n ${story}\n `))]},"./libs/ui/src/lib/button/button.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Secondary:()=>Secondary,Small:()=>Small,Text:()=>Text,TextWithoutUnderline:()=>TextWithoutUnderline,WithCustomColor:()=>WithCustomColor,default:()=>button_html_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var button_button=__webpack_require__("./libs/ui/src/lib/button/button.ts");const button_html_stories={title:"HTML/Button",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-button`\nCorresponding Javascript component | `ButtonComponent`\nPermitted parent/ancestors | any\nPermitted Sass components as children | Phrasing content\n\n## Where to use\n\nStyled button.\n\n## How to use\n\nAdd directly to HTML using `.cvi-button*` classes or `@include` mixin `@cvi-button` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n\nYou can use `--cvi-button-color` and `--cvi-button-color--hover` CSS variables to customise the background color of the button with `--appearance-primary` modifier class.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{appearance:{name:"Appearance",options:[button_button.L.PRIMARY,button_button.L.SECONDARY,button_button.L.TEXT],control:{type:"inline-radio"}},size:{name:"Size",options:[button_button.q.S,button_button.q.M],control:{type:"inline-radio"}}},args:{content:"Button label",appearance:button_button.L.PRIMARY,size:button_button.q.M,disabled:!1}},Template=args=>({props:args,template:'\n
    \n \n
    \n '}),Default=Template.bind({});Default.args={};const Secondary=Template.bind({});Secondary.args={appearance:button_button.L.SECONDARY};const Small=Template.bind({});Small.args={size:button_button.q.S};const Text=Template.bind({});Text.args={appearance:button_button.L.TEXT};const WithCustomColor=(args=>({props:args,styles:[":host {\n --cvi-button-color: var(--cvi-color-jasper-10);\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\n }"],template:'\n
    \n \n
    \n '})).bind({}),TextWithoutUnderline=(args=>({props:args,styles:[":host {\n --cvi-button--text-decoration: none;\n }"],template:'\n
    \n \n
    \n '})).bind({});TextWithoutUnderline.args={appearance:button_button.L.TEXT},TextWithoutUnderline.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n Define --cvi-button--text-decoration: none CSS variable on the element or its ancestor to remove the underline.\n \n ${story}\n `))]},"./libs/ui/src/lib/circle/circle.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomBorderColor:()=>WithCustomBorderColor,WithIcon:()=>WithIcon,WithLightTheme:()=>WithLightTheme,WithProgress:()=>WithProgress,default:()=>circle_component_stories});var from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js"),circle_component=__webpack_require__("./libs/ui/src/lib/circle/circle.component.ts");var storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const circle_component_stories={title:"Angular/Circle",component:circle_component.H,parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cvi-ng-circle` |\n| Component name | `CircleComponent` |\n| Content | any |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nTo display a themed circle with an icon or given content. Allows adding severity and progress bar as a frame.\n\nTo overwrite the border color added by the _theme_, pass `--cvi-circle-border-color` to component's style property.\n",layout:"centered",backgrounds:{default:"Gray"}},argTypes:{theme:{name:"Theme",control:{type:"inline-radio"}},severity:{name:"Severity",control:{type:"inline-radio"}},size:{name:"Size",control:{type:"inline-radio"}},iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},progressPercentage:{name:"Progress",control:{type:"range",min:0,max:100,step:1}}},args:{theme:"dark",severity:"none",size:"s",iconName:void 0,progressPercentage:void 0}},Template=args=>({props:Object.assign({},args),template:'\n 4\n '}),Default=Template.bind({}),WithLightTheme=Template.bind({});WithLightTheme.parameters={backgrounds:{default:"Dark"}},WithLightTheme.args={theme:"light"};const WithIcon=Template.bind({});WithIcon.args={iconName:"close"};const WithProgress=(args=>({props:Object.assign(Object.assign({},args),{progress$:(0,from.D)([20,40,60,80,100]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(800)))))}),template:'\n \n {{ progress }}\n \n '})).bind({}),WithCustomBorderColor=(args=>({props:Object.assign({},args),template:'\n 4\n '})).bind({});WithCustomBorderColor.args={theme:"light",severity:"success"}},"./libs/ui/src/lib/circle/circle.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithIcon:()=>WithIcon,WithProgress:()=>WithProgress,WithSeverity:()=>WithSeverity,default:()=>circle_html_stories});const circle_html_stories={title:"HTML/Circle",parameters:{notes:"## General description\n\n| Feature | Description |\n|---------------------------------------|-------------------|\n| Sass component | `cvi-circle` |\n| Corresponding Javascript component | `CircleComponent` |\n| Permitted parent/ancestors | any |\n| Permitted Sass components as children | text |\n\n## Where to use\n\nTo display a themed circle with icon or given content.\n\n## How to use\n\nPass `--border-color`, `--color`, `--background-color` and `--progress-background-color` CSS variables to the Sass\ncomponent. (See example values in `circle.ts`)\n\nAdd directly to HTML using `.cvi-circle*` classes or `@include` mixin `@cvi-circle` in your Sass code. When including\nthe mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"},layout:"centered"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"4"}},Default=(args=>({props:args,template:'\n {{ content }}\n '})).bind({}),WithIcon=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({}),WithSeverity=(args=>({props:args,template:'\n {{ content }}\n '})).bind({});WithSeverity.parameters={backgrounds:{default:"Gray"}};const WithProgress=(args=>({props:args,template:'\n {{ content }}\n '})).bind({})},"./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,ModalOpen:()=>ModalOpen,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Modal/Confirmation modal",component:__webpack_require__("./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts").Y,args:{modalTitle:"Attention!!",confirmButtonText:"Confirm",cancelButtonText:"Cancel"}},Template=args=>({props:args,template:'\n \n \n

    Are you sure about changes?

    \n

    All will be lost!!!

    \n     \n     \n Open modal\n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const ModalOpen=(args=>({props:args,template:'\n \n \n

    Are you sure about changes?

    \n

    All will be lost!!!

    \n     \n     \n Open modal\n '})).bind({})},"./libs/ui/src/lib/content-container/content-container.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>content_container_component_stories});const content_container_component_stories={title:"Angular/Content container",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-content-container`\nComponent name | `ContentContainerComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nAdds a main content area to the right of the sidebar.\n",layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Default=(args=>({props:args,template:"\n {{ content }}\n "})).bind({})},"./libs/ui/src/lib/content-container/content-container.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>content_container_html_stories});const content_container_html_stories={title:"HTML/Content container",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-content-container`\nCorresponding Javascript component | `ContentContainerComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds a main content area to the right of the sidebar.\n",options:{selectedPanel:"storybook/html/panel"},layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Default=(args=>({props:args,template:'\n
    \n {{ content }}\n
    \n '})).bind({});Default.args={}},"./libs/ui/src/lib/content-panel/content-panel.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithNoTitle:()=>WithNoTitle,default:()=>content_panel_component_stories});const content_panel_component_stories={title:"Angular/Content panel",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-content-panel`\nComponent name | `ContentPanelComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nAdds a prominent box for any kind of primary content.\n",layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{title:"Some title",content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Template=args=>({props:args,template:'\n {{ content }}\n '}),Default=Template.bind({}),WithNoTitle=Template.bind({});WithNoTitle.args={title:""}},"./libs/ui/src/lib/content-panel/content-panel.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>content_panel_html_stories});const content_panel_html_stories={title:"HTML/Content panel",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-content-panel`\nCorresponding Javascript component | `ContentPanelComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds a prominent box for any kind of primary content.\n",options:{selectedPanel:"storybook/html/panel"},layout:"padded"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{title:"Some title",content:"Create recall build border flat fourth wild however swam motor shake fly hidden running dead bear walk floor plan chance yourself shade hunt came. Lay fence wave several short birth desk thrown clearly official blanket strike neck can card cabin quiet horn leather rocket forth current kill mile. Color paper sad bread substance fact consider soon after west brass impossible perhaps reason interior hit program start section unless peace whatever screen record. Scientific torn spirit period surrounded brief drew account show tube canal meet walk expression just syllable exactly cannot industrial dawn universe worth include movie. Fight game touch ants kept strange win impossible happen deeply company yesterday above different birth nation fall thee pleasant given main wrote appearance situation. Basis box factory bar quickly shut whistle breathe sweet limited while indicate gulf labor stream plan southern green produce break for place concerned discussion."}},Default=(args=>({props:args,template:'\n
    \n

    {{ title }}

    \n {{ content }}\n
    \n '})).bind({})},"./libs/ui/src/lib/datepicker/datepicker.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OnNonWhiteBackground:()=>OnNonWhiteBackground,WithCustomPlaceholder:()=>WithCustomPlaceholder,WithDisabled:()=>WithDisabled,WithFormGroup:()=>WithFormGroup,default:()=>datepicker_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const datepicker_component_stories={title:"Angular/Form/Datepicker",decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-datepicker`\n Component name | `DatepickerComponent`\n Design system module | [Form elements](https://veera.eesti.ee/3d136290e/p/71721d-vormi-elemendid/b/476623)\n Content | no\n Permitted parent/ancestors | `cvi-ng-form-item`\n Permitted children | -\n\n## Where to use\n\nDisplays a datepicker based on form input. Use with `FormItem` component.\n"},args:{placeholder:"pp.kk.aaaa",disabled:!1,htmlId:"datepicker-html-id"}},Template=args=>({props:args,template:'\n \n \n '}),Default=Template.bind({});Default.storyName="Default",Default.args={};const WithFormGroup=(args=>{const form=new fesm2020_forms.FormGroup({date:new fesm2020_forms.FormControl("04.05.2023")});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.controls.date.value},onSubmit:function onSubmit(formValue){console.log(formValue)}}),template:'\n
    \n \n \n \n \n
    \n
    Inserted value: {{selectedValue()}}
    \n '}}).bind({}),WithCustomPlaceholder=Template.bind({});WithCustomPlaceholder.args={placeholder:"dd.mm.yyyy"};const OnNonWhiteBackground=Template.bind({});OnNonWhiteBackground.parameters={backgrounds:{default:"Gray"}};const WithDisabled=Template.bind({});WithDisabled.args={disabled:!0}},"./libs/ui/src/lib/datepicker/datepicker.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>datepicker_html_stories});const datepicker_html_stories={title:"HTML/Form/Datepicker",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-datepicker`\nCorresponding Javascript component | `DatepickerComponent`\nPermitted parent/ancestors | `cvi-form-item`\nPermitted Sass components as children | -\n\n## Where to use\n\nSelecting a date. Use inside of `cvi-form-item`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-datepicker*` classes or `@include` mixin `@cvi-datepicker` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n
    \n \n Nõutud kuupäeva formaat: dd.MM.yyyy\n \n
    \n \n
    \n
    \n
    06.06.2023
    \n
    \n \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithIcons:()=>WithIcons,default:()=>feedback_component_stories});const feedback_component_stories={title:"Angular/Feedback",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Selector | `cvi-ng-feedback`\nCorresponding Javascript component | `FeedbackComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA simple feedback form with title, radio buttons with labels, and optional `sad-face` on the left and `happy-face` icons on the right side of the options (hidden by default). \n"},component:__webpack_require__("./libs/ui/src/lib/feedback/feedback/feedback.component.ts").A},title="Did you find what you were looking for?",options=[{value:"NO",label:"No"},{value:"PARTIALLY",label:"Partially"},{value:"YES",label:"Yes"}],Default=(args=>({props:args})).bind({});Default.args={title,options,showIcons:!1};const WithIcons=(args=>({props:args})).bind({});WithIcons.args={title,options,showIcons:!0}},"./libs/ui/src/lib/form-item/form-item.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithInlineFormElements:()=>WithInlineFormElements,WithTextarea:()=>WithTextarea,default:()=>form_item_component_stories});const form_item_component_stories={title:"Angular/Form/Form item",component:__webpack_require__("./libs/ui/src/lib/form-item/form-item.component.ts").J,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-form-item`\nComponent name | `FormItemComponent`\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-input`\n\n## Where to use\n\nUse as a field wrapper for form elements.\n"},argTypes:{displayMessage:{name:"Show form message?",table:{category:"Playground"}},title:{name:"Form message title",if:{arg:"displayMessage",eq:!0},table:{category:"Playground"}},message:{name:"Form message text",if:{arg:"displayMessage",eq:!0},table:{category:"Playground"}},severityLevel:{name:"Form message severity level",if:{arg:"displayMessage",eq:!0},options:["warning","error"],control:{type:"inline-radio"},table:{category:"Playground"}}},args:{htmlId:"fksd4kfds",label:"Example label",placeholder:"Placeholder text...",displayMessage:!1,message:"Error",severityLevel:"warning",title:"Warning message"}},Default=(args=>({props:args,template:'\n \n \n \n \n '})).bind({}),WithTextarea=(args=>({props:args,template:'\n \n \n \n \n '})).bind({});WithTextarea.parameters={chromatic:{disableSnapshot:!0}};const WithInlineFormElements=(args=>({props:Object.assign(Object.assign({},args),{items:["City of Sierra Nevada 1","City of Bilbao 2","valik 3 (cy test)","Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4","City of London 5","Option 6 with enough text to feed a saltwater crocodile","Option 7 with enough text to feed a prehistoric jaguar"]}),template:'\n \n The goal of this story is to verify that height of inline form components is the same.\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})).bind({})},"./libs/ui/src/lib/form-item/form-item.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>form_item_html_stories});const form_item_html_stories={title:"HTML/Form/Form item",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-form-item`\nCorresponding Javascript component | `FormItem`\nPermitted parent/ancestors | any\nPermitted classes as children | `cvi-textfield`\n\n## Where to use\n\nUse as a field wrapper for form elements.\n\n## How to use\n\nAdd directly to HTML using `.cvi-form-item*` classes or `@include` mixin `@cvi-form-item` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},args:{htmlId:"fksd4kfds",label:"Your email",placeholder:"Placeholder text...",labelPosition:"top",isLabelHidden:!1,required:!1},argTypes:{labelPosition:{name:"Label position",options:["top","side"],control:{type:"inline-radio"}}}},Default=(args=>({props:args,template:'\n
    \n \n \n \n \n
    \n '})).bind({})},"./libs/ui/src/lib/form-message/form-message.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Warning:()=>Warning,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Form/Form message",component:__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts").K,args:{displayMessage:!0,severityLevel:"warning",message:"Error",title:"Warning message"}},Template=args=>({props:Object.assign(Object.assign({},args),{selectItems:["City of Sierra Nevada 1","City of Bilbao 2","valik 3 (cy test)","Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4","City of London 5","Option 6 with enough text to feed a saltwater crocodile","Option 7 with enough text to feed a prehistoric jaguar"]}),template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}),Default=Template.bind({}),Warning=Template.bind({});Warning.args={severityLevel:"warning",title:"Warning message"};const Error=Template.bind({});Error.args={severityLevel:"error",title:"Error message"}},"./libs/ui/src/lib/html-section/html-section.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,InContactsBlock:()=>InContactsBlock,List:()=>List,default:()=>html_section_component_stories});const html_section_component_stories={title:"Angular/Html section",component:__webpack_require__("./libs/ui/src/lib/html-section/html-section.component.ts").r,parameters:{notes:"## General description\n\nFeature | Description\n- Selector | `cvi-ng-html-section`\n- Component name | `HtmlSectionComponent`\n- Design system module | -\n- Content | no\n- Permitted parent/ancestors | any\n- Permitted children | no\n\n## Where to use\n\nUse if you need to display HTML longform article-like content with rich styling.\n\nHTML sanitizer is configured to check custom elements (Web Components), thus sanitizer's allowed attributes are also configured using custom elements' mapped attributes.\n\nFor example, if you need to use `cvi-ng-track` component in the `html` input value, use corresponding custom element `cvi-web-track` and dash-separated lowercase attribute names `flex-direction=\"vertical\"` instead of usual property binding.\n"},args:{html:'\n

    Politsei- ja Piirivalveameti kontaktid

    \n
    \n
    \n

    Antud teenust haldab PPA ja abi saamiseks palun pöörduge nende poole

    \n

    Telefonikõnedele vastatakse E-R 9-17 ning kõnesid teenindatakse eesti, vene ja inglise keeles

    \n
    \n
    \n \n +372 612 3000\n ppa@politsei.ee\n politsei.ee\n Pärnu mnt 139, 15060 Tallinn\n \n
    \n
    \n '}},Template=args=>({props:Object.assign({},args),template:'\n \n '}),Default=Template.bind({});Default.args={};const InContactsBlock=(args=>({props:Object.assign({},args),template:'\n
    \n \n
    \n ',styles:[".container {\n width: 400px;\n background-color: var(--cvi-color-black-coral-2);\n padding: 20px;\n }"]})).bind({});InContactsBlock.args={html:'\n

    Kontaktid

    \n
    \n
    \n

    Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

    \n
    \n
    \n \n Maakonnakeskuste kohalikud omavalitsused\n Notarid\n Abielu sõlmimise õigust omavad vaimulikud\n \n
    \n
    \n ',sanitize:!0};const List=Template.bind({});List.args={html:'\n

    Ordered list

    \n
      \n
    1. Item 1
      2. \n
    2. Item 2
      3. \n
    \n
    \n

    Unordered list

    \n
      \n
    • Item 1
      • \n
    • Item 2
      • \n
    • Item 3
      • \n
    \n ',sanitize:!0}},"./libs/ui/src/lib/html-section/html-section.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>html_section_html_stories});const html_section_html_stories={title:"HTML/Html section",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Sass component | `cvi-html-section`\n Corresponding Javascript component | `HtmlSectionComponent`\n Design system module | -\n Permitted parent/ancestors | any\n Permitted Sass components as children of accordion items | any\n\n## Where to use\n\nUtilise where there is a need to display HTML longform article-like content with rich styling.\n\n## How to use\n\nAdd directly to HTML using `.cvi-html-section*` classes or `@include` mixin `@cvi-html-section` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n

    Some title

    \n
    \n
    \n

    Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

    \n
    \n
    \n

    Ordered list

    \n
      \n
    1. Item 1
      2. \n
    2. Item 2
      3. \n
    \n

    Unordered list

    \n
      \n
    • Item 1
      • \n
    • Item 2
      • \n
    • Item 3
      • \n
    \n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/icons/icon/icon.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomSize:()=>WithCustomSize,WithStyling:()=>WithStyling,default:()=>icon_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),icon_component=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts");var storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts");const icon_component_stories={title:"Angular/Icon",component:icon_component.o,parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | -------------------------------------------------------------------- |\n| Selector | `cvi-ng-icon` |\n| Component name | `IconComponent` |\n| Content | no |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nDisplays a regular svg icon.\n\nPlease remember to register the icon via `IconsRegistry` in your app.\n"},argTypes:{name:{name:"Name",options:storybook_icons.T,control:{type:"select"}}},args:{name:"action",height:icon.b}},Template=args=>({props:Object.assign({},args),template:'\n \n '}),Default=Template.bind({}),WithCustomSize=Template.bind({});WithCustomSize.args={height:140},WithCustomSize.parameters={layout:"padded"},WithCustomSize.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n To change size of an icon (in both dimensions), set its height prop. The icon will be resized proportionally.\n \n ${story}\n `))];const WithStyling=(args=>({props:Object.assign({},args),template:'\n \n To change color of an icon, just add fill CSS property either to icon component selector itself or its ancestor. It is not required to apply fill to SVG node itself.\n \n
    \n \n
    \n ',styles:[".wrapper-class {\n fill: red;\n }"]})).bind({});WithStyling.parameters={layout:"padded"}},"./libs/ui/src/lib/icons/icon/icon.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"HTML/Icon",parameters:{options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n \n \n \n '})).bind({});Default.args={}},"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LabeledIconInsideButton:()=>LabeledIconInsideButton,WithCustomGap:()=>WithCustomGap,WithCustomStyling:()=>WithCustomStyling,WithIconAfter:()=>WithIconAfter,default:()=>labeled_icon_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),icon=__webpack_require__("./libs/ui/src/lib/icons/icon/icon.ts"),labeled_icon_component=__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts");var storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const labeled_icon_component_stories={title:"Angular/Labeled icon",component:labeled_icon_component.K,parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | -------------------------------------------------------------------- |\n| Selector | `cvi-ng-labeled-icon` |\n| Component name | `LabeledIconComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | Phrasing content |\n\n## Where to use\n\nDisplays a regular svg icon that can optionally be followed by an html element.\n"},argTypes:{name:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},svgClass:{control:!1},iconClass:{control:!1}},args:{iconHeight:icon.b,name:"call",gap:4,iconPosition:"before",content:"This is a labeled icon"}},Template=args=>({props:args,template:'\n \n {{ content }}\n \n '}),Default=Template.bind({}),WithIconAfter=Template.bind({});WithIconAfter.args={iconPosition:"after"};const WithCustomGap=Template.bind({});WithCustomGap.args={gap:2};const LabeledIconInsideButton=Template.bind({});LabeledIconInsideButton.args={iconPosition:"after",verticalAlignment:"center"},LabeledIconInsideButton.decorators=[(0,client.componentWrapperDecorator)((story=>`\n \n ${story}\n \n `))];const WithCustomStyling=(args=>({props:args,template:'\n \n {{ content }}\n \n ',styles:["\n ::ng-deep .svg-class {\n fill: red;\n }\n ","\n ::ng-deep .icon-wrapper-class {\n border: 1px green solid;\n }\n "]})).bind({});WithCustomStyling.args={iconHeight:40,verticalAlignment:"center"}},"./libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LabeledIconInsideButton:()=>LabeledIconInsideButton,default:()=>labeled_icon_html_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");const labeled_icon_html_stories={title:"HTML/Labeled icon",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-labeled-icon`\nCorresponding Javascript component | `LabeledIconComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children of accordion items | any\n\n## Where to use\n\nUse where there is a need to display an SVG icon with a mandatory label. Otherwise use `cvi-icon`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-labeled-icon*` classes or `@include` mixin `@cvi-labeled-icon` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}}},args:{gap:4,content:"This is a labeled icon"}},Template=args=>({props:args,template:'\n
    \n
    \n
    {{ content }}
    \n
    \n \n \n \n
    \n
    \n
    \n '}),Default=Template.bind({}),LabeledIconInsideButton=Template.bind({});LabeledIconInsideButton.decorators=[(0,client.componentWrapperDecorator)((story=>`\n
    \n \n
    \n `))]},"./libs/ui/src/lib/input/input.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,WithFormGroup:()=>WithFormGroup,WithSuffixIcon:()=>WithSuffixIcon,default:()=>input_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const input_component_stories={title:"Angular/Form/Input",decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-input`\nComponent name | `InputComponent`\nContent | no\nPermitted parent/ancestors | `cvi-ng-form-item`\nPermitted children | -\n\n## Where to use\n\nDisplays a form input. Use with `FormItem` component.\n\nCan be used with character counter directive `cviNgCharacterCounter`. If set, character counter uses binded `[maxChars]` property for defining maximum value, otherwise it takes the maximum value from `maxlength` attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the `maxlength` value accordingly.\n"},argTypes:{suffixIconName:{name:"Icon",options:storybook_icons.T,control:{type:"select"}},validationType:{name:"ValidationType",options:[null,"positiveNumbers"],control:{type:"select"}}},args:{placeholder:"Username",disabled:!1,htmlId:"some-input",maxLength:""}},Template=args=>({props:args,template:'\n \n \n \n '}),Default=Template.bind({}),WithSuffixIcon=Template.bind({});WithSuffixIcon.args={suffixIconName:"loupe"};const WithFormGroup=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl("initial value")});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.controls.item.value},onSubmit:function onSubmit(formValue){console.log(formValue)},disableInput:function disableInput(){form.controls.item.disable()},enableInput:function enableInput(){form.controls.item.enable()}}),template:'\n
    \n \n \n \n \n Disable input\n Enable input\n \n
    \n\n
    \n
    Inserted value: {{selectedValue()}}
    \n '}}).bind({});WithFormGroup.storyName="With FormGroup";const WithCharacterCounter=(args=>({props:args,template:'\n \n \n \n '})).bind({})},"./libs/ui/src/lib/input/input.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,WithSuffixIcon:()=>WithSuffixIcon,default:()=>input_html_stories});const input_html_stories={title:"HTML/Form/Input",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-textfield`\nCorresponding Javascript component | `InputComponent`\nPermitted parent/ancestors | `cvi-form-item`\nPermitted Sass components as children | -\n\n## Where to use\n\nStyled text input. Use inside of `cvi-form-item`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-textfield*` classes or `@include` mixin `@cvi-textfield` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n \n
    \n \n
    \n
    \n '})).bind({}),WithCharacterCounter=(args=>({props:args,template:'\n
    \n \n
    \n \n
    0 / 10
    \n
    \n
    \n '})).bind({}),WithSuffixIcon=(args=>({props:args,template:'\n
    \n \n
    \n \n
    \n \n \n \n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/modal/modal.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithModalInsideModal:()=>WithModalInsideModal,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Modal/Modal",component:__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts").z},Template=args=>({props:args,template:'\n \n

    {{ testModalTitle }}

    \n

    Modal content

    \n     \n Open modal\n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithModalInsideModal=(args=>({props:args,template:'\n \n

    Modal 1 content

    \n \n

    {{ testModalTitle }}

    \n

    Modal 2 content

    \n     \n Open modal 2 inside modal 1\n     \n Open modal\n '})).bind({})},"./libs/ui/src/lib/modal/modal.directive.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ModalOpen:()=>ModalOpen,ModalOpenWithoutButton:()=>ModalOpenWithoutButton,WithoutTitle:()=>WithoutTitle,default:()=>modal_directive_stories});const modal_directive_stories={title:"Angular/Modal/Modal directive",parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|------------------|\n| Selector | `cviNgModal` |\n| Directive name | `ModalDirective` |\n| Permitted parent/ancestors | any |\n\n## Where to use\n\nWhen directive is applied to HTML element then clicking on element displays modal overlay.\n"},args:{modalTitle:"Hey, I am Modal, how are you?"}},Default=(args=>({props:args,template:'\n \n

    {{ title }}

    \n

    Modal content

    \n     \n Open modal\n '})).bind({}),ModalOpen=(args=>({props:args,template:'\n \n

    Modal content

    \n     \n Open modal\n '})).bind({}),WithoutTitle=(args=>({props:args,template:'\n \n

    Modal content

    \n     \n Open modal\n '})).bind({});WithoutTitle.argTypes={modalTitle:{control:!1}},WithoutTitle.parameters={axe:{disabledRules:["aria-dialog-name"]}};const ModalOpenWithoutButton=(args=>({props:args,template:'\n \n

    Modal content

    \n     \n \n '})).bind({})},"./libs/ui/src/lib/modal/modal.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>modal_html_stories});const modal_html_stories={title:"HTML/Modal",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-modal`\nCorresponding Javascript component | `ModalComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children of accordion items | any\n\n## Where to use\n\nUtilise where there is a need to show modal with backdrop\n\n## How to use\n\nAdd directly to HTML using `.cvi-modal*` classes or `@include` mixin `@cvi-modal` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/notification/notification.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Neutral:()=>Neutral,Success:()=>Success,Warning:()=>Warning,WithCompactSize:()=>WithCompactSize,WithCompactSizeAndCustomIcon:()=>WithCompactSizeAndCustomIcon,WithCompactSizeAndIcon:()=>WithCompactSizeAndIcon,default:()=>notification_component_stories});const notification_component_stories={title:"Angular/Notification",component:__webpack_require__("./libs/ui/src/lib/notification/notification.component.ts").c,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-notification`\nComponent name | `NotificationComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA notification component.\n"},args:{severity:"info",size:"regular",showIcon:!0,showCloseButton:!0,title:"Notification title",content:"Header and close buttons are not displayed if notification size is compact. Header and close buttons are not displayed if notification size is compact. Header and close buttons are not displayed if notification size is compact."}},Template=args=>({props:args,template:'\n \n {{content}}\n \n '}),Default=Template.bind({}),Success=Template.bind({});Success.args={severity:"success"};const Warning=Template.bind({});Warning.args={severity:"warning"};const Error=Template.bind({});Error.args={severity:"error"};const Neutral=Template.bind({});Neutral.args={severity:"neutral"};const WithCompactSize=Template.bind({});WithCompactSize.args={severity:"neutral",size:"compact"};const WithCompactSizeAndIcon=Template.bind({});WithCompactSizeAndIcon.args={severity:"info",size:"compact"};const WithCompactSizeAndCustomIcon=Template.bind({});WithCompactSizeAndCustomIcon.args={severity:"neutral",size:"compact",iconName:"check_circle_outline"}},"./libs/ui/src/lib/notification/notification.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>notification_html_stories});const notification_html_stories={title:"HTML/Notification",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `components/notification`\nCorresponding Javascript component | `NotificationComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nUsed to display a notification\n\n## How to use\n\nAdd directly to HTML using `.cvi-notification*` classes or `@include` mixin `@cvi-notification` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n"}},Default=(args=>({props:args,template:'\n
    \n \n
    \n
    \n
    \n \n \n \n \n \n
    \n

    Notification title

    \n
    \n
    \n Some content for the notification that might be excessively long and contain some parts that are not very important.\n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OptionButton:()=>OptionButton,OptionButtonCompact:()=>OptionButtonCompact,default:()=>radio_group_component_stories});var radio_group_component=__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts"),radio_group=__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.ts");const radio_group_component_stories={title:"Angular/Form/Radio button group",component:radio_group_component.w,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-radio-group`\nComponent name | `RadioGroupComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `RadioGroupComponent`\n\n## Where to use\n\nA wrapper for radios (`cvi-ng-radio-button`) and buttons-as-radios (`cvi-ng-option-button`). Note that both `cvi-ng-radio-button` and `cvi-ng-option-button` cannot be used on their own.\n"},args:{title:"Did you find what you were looking for?",appearance:radio_group.e.REGULAR}},Default=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({});Default.args={};const OptionButton=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({});OptionButton.args={};const OptionButtonCompact=(args=>({props:args,template:'\n \n \n \n \n \n '})).bind({});OptionButtonCompact.args={appearance:radio_group.e.COMPACT}},"./libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OptionButton:()=>OptionButton,OptionButtonCompact:()=>OptionButtonCompact,default:()=>radio_group_html_stories});const radio_group_html_stories={title:"HTML/Form/Radio button group",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-radio-group`\nCorresponding Javascript component | `RadioGroupComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## Where to use\n\nA wrapper for radios that look like regular buttons.\n\n## How to use\n\nAdd directly to HTML using `.cvi-radio-group*` classes or `@include` mixin `@cvi-radio-group` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{appearance:{name:"Appearance",options:["regular","compact"],control:{type:"inline-radio"}}},args:{title:"Example title",appearance:"regular",label:"Option 1"}},Default=(args=>({props:args,template:'\n
    \n
    \n {{title}}\n
      \n
    • \n \n
      • \n
    • \n \n
      • \n
    \n
    \n
    \n '})).bind({});Default.args={title:"Default radio buttons example"};const OptionButton=(args=>({props:args,template:'\n
    \n
    \n {{title}}\n
      \n
    • \n \n
      • \n
    • \n \n
      • \n
    \n
    \n
    \n '})).bind({});OptionButton.args={title:"Radio buttons with labels that look like buttons",appearance:"regular"};const OptionButtonCompact=(args=>({props:args,template:'\n
    \n
    \n {{title}}\n
      \n
    • \n \n
      • \n
    • \n \n
      • \n
    \n
    \n
    \n '})).bind({});OptionButtonCompact.args={title:"Radio buttons with labels that look like compact buttons",appearance:"compact"}},"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ReorderableListMultipleFormItems:()=>ReorderableListMultipleFormItems,ReorderableListMultipleTracksAndFormItems:()=>ReorderableListMultipleTracksAndFormItems,ReorderableListSingleFormItem:()=>ReorderableListSingleFormItem,default:()=>reorderable_list_component_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js");var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),reorderable_list_component=__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");class ReorderableListExampleBaseComponent{constructor(){this.items=[]}addNewItem(){this.items=[...this.items,{index:this.items.length}]}isNotFirstItem(item){return 0!==this.items.indexOf(item)}isNotLastItem(item){return this.items.indexOf(item)!==this.items.length-1}swapSteps(change){const itemsTemp=this.items[change.index1];this.items[change.index1]=this.items[change.index2],this.items[change.index2]=itemsTemp}removeStep(item){this.items.splice(this.getIndex(item),1),this.items.forEach(((stepConfig,index)=>stepConfig.index=index))}getIndex(item){return this.items.indexOf(item)}getOrderNr(item){return this.getIndex(item)+1}getStepId(item,i){return"step-"+this.getOrderNr(item)+"-form-item"+i}}let ReorderableListExampleComponent=class ReorderableListExampleComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,value:"Me as well"},{index:1,value:"And so am I"},{index:2,value:"I am a reorderable item"}]}};ReorderableListExampleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-example",template:'\n \n \n {{ item.value }}\n \n \n\n\n
    \n 
    Items:
    \n 
    {{ items | json }}
    \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListExampleComponent);let ReorderableListSingleFormItemComponent=class ReorderableListSingleFormItemComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,title:"Submission of application"},{index:1,title:"Confirmation of time and place"},{index:2,title:"Getting married"},{index:3,title:"Application for ID card and passport"},{index:4,title:"Receiving the ID card and passport"}]}};ReorderableListSingleFormItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-single-form-item-example",template:'\n \n \n Add item\n \n \n\n\n\n \n \n \n \n \n \n \n\n\n
    \n 
    Items:
    \n 
    {{ items | json }}
    \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListSingleFormItemComponent);let ReorderableListMultipleFormItemsComponent=class ReorderableListMultipleFormItemsComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,field1:"Some value",field2:"Another value",field3:"And another one",field4:"And yet another one",field5:"The final one, I swear"},{index:1,field1:"Sorry, here is another item",field2:"With another value",field3:"And another",field4:"Second to last value",field5:"THE last one :)"}]}};ReorderableListMultipleFormItemsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-multiple-form-items-example",template:'\n \n \n Add item\n \n \n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n
    \n 
    Items:
    \n 
    {{ items | json }}
    \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListMultipleFormItemsComponent);let ReorderableListMultipleTracksAndFormItemsComponent=class ReorderableListMultipleTracksAndFormItemsComponent extends ReorderableListExampleBaseComponent{ngOnInit(){this.items=[{index:0,track1Field1:"A value in the first track",track1Field2:"Something important",track1Field3:"1234567890",track2Field1:"Now this is the second track",track2Field2:"Qwerty",singleField:"Here you can write a lot ... or as long as a lot is less that 100 characters"}]}};ReorderableListMultipleTracksAndFormItemsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-reorderable-list-multiple-tracks-and-form-items-example",template:'\n \n \n Add item\n \n \n\n\n\n \n \n \x3c!-- Additional track for gaps between containing elements --\x3e\n \n \x3c!-- 1st track--\x3e\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \x3c!-- 2nd track --\x3e\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n\n\n
    \n 
    Items:
    \n 
    {{ items | json }}
    \n
    \n',changeDetection:core.ChangeDetectionStrategy.OnPush})],ReorderableListMultipleTracksAndFormItemsComponent);const reorderable_list_component_stories={title:"Angular/Reorderable list",component:reorderable_list_component.P,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-reorderable-list`\nComponent name | `ReorderableListComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-reorderable-list-item`\n\n## Where to use\n\nUsed for steps configuration.\n\nIt works with any provided object type. Make sure the template bindings match with the provided object type keys.\n\nHere are some examples: \n"},decorators:[(0,client.moduleMetadata)({imports:[fesm2020_forms.FormsModule],declarations:[ReorderableListExampleComponent,ReorderableListSingleFormItemComponent,ReorderableListMultipleFormItemsComponent,ReorderableListMultipleTracksAndFormItemsComponent]})]},Default=(args=>({props:args,template:"\n \n \n "})).bind({});Default.args={};const ReorderableListSingleFormItem=(args=>({props:args,template:"\n \n \n "})).bind({});ReorderableListSingleFormItem.storyName="Single form item",ReorderableListSingleFormItem.args={};const ReorderableListMultipleFormItems=(args=>({props:args,template:"\n \n \n "})).bind({});ReorderableListMultipleFormItems.storyName="A track with multiple form items",ReorderableListMultipleFormItems.args={};const ReorderableListMultipleTracksAndFormItems=(args=>({props:args,template:"\n \n \n "})).bind({});ReorderableListMultipleTracksAndFormItems.storyName="Multiple tracks with multiple form items, and a standalone form item",ReorderableListMultipleTracksAndFormItems.parameters={chromatic:{disableSnapshot:!0}}},"./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>reorderable_list_html_stories});const reorderable_list_html_stories={title:"HTML/Reorderable list",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-reorderable-list`\nCorresponding Javascript component | `ReorderableListComponent`\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## Where to use\n\nA reorderable and closeable block with some content (eg a form item) inside.\n\n## How to use\n\nAdd directly to HTML using `.cvi-reorderable-list*` classes or `@include` mixin `@cvi-reorderable-list` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",layout:"padded",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n
    \n \n
    \n \n
    2
    \n \n
    \n
    And so am I
    \n
    \n
    \n \n
    \n \n
    1
    \n \n
    \n
    Me as well
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>screenreader_text_component_stories});const screenreader_text_component_stories={title:"Angular/Screenreader text",component:__webpack_require__("./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts").G,parameters:{notes:'## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-screenreader-text`\nComponent name | `ScreenreaderTextComponent`\nDesign system module | -\nContent | no\nPermitted parent/ancestors | any (usually an interactive element such as button)\nPermitted children | -\n\n## Where to use\n\nUse to provide some label to an accessibility device while hiding it visually. This will help to avoid a WCAG violation such as "Buttons must have discernible text". This is an alternative technique to using `aria-label` attribute.\n',layout:"padded"},args:{label:"Some text that should only be visible to a screen reader"}},Default=(args=>({props:args,template:'\n \n '})).bind({})},"./libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>screenreader_text_html_stories});const screenreader_text_html_stories={title:"HTML/Screenreader text",parameters:{notes:'## General description\n\nFeature | Description\n- | -\nSass component | `cvi-screenreader-text`\nCorresponding Javascript component | `ScreenreaderTextComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | text\n\n## When to use\n\nUse to provide some label to an accessibility device while hiding it visually. This will help to avoid a WCAG violation such as "Buttons must have discernible text". This is an alternative technique to using `aria-label` attribute.\n\n## How to use\n\nAdd directly to HTML using `.cvi-screenreader-text` class with any element that contains the text. Or `@include` mixin `@cvi-screenreader-text` in your Sass code.\n',options:{selectedPanel:"storybook/html/panel"},layout:"padded"},args:{label:"Some text that should only be visible to a screen reader"}},Default=(args=>({props:args,template:'\n \n '})).bind({})},"./libs/ui/src/lib/select/select.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,DisabledBackground:()=>DisabledBackground,Form:()=>Form,LoadingState:()=>LoadingState,ObjectsAsItems:()=>ObjectsAsItems,SortedItems:()=>SortedItems,UserCanAddItems:()=>UserCanAddItems,WithBoundValues:()=>WithBoundValues,WithCustomValueFormatting:()=>WithCustomValueFormatting,default:()=>select_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const select_component_stories={title:"Angular/Form/Select",decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cvi-ng-select` |\n| Component name | `SelectComponent` |\n| Content | no |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nDisplays a select component where you can search element\n"},argTypes:{containerWidth:{name:"Container width",table:{category:"Playground"},control:{type:"number"}}},args:{items:["City of Sierra Nevada 1","City of Bilbao 2","valik 3 (cy test)","Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4","City of London 5","Option 6 with enough text to feed a saltwater crocodile","Option 7 with enough text to feed a prehistoric jaguar"],placeholder:"Otsi elementi",disabled:!1,backgroundDisabled:!1,containerWidth:220,htmlId:"some-select",labelId:"some-select-label",loading:!1,sortItemsFn:void 0}},Default=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n
    \n '})).bind({}),WithCustomValueFormatting=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n \n \n {{item}}\n \n \n \n \n \n {{item}}\n \n \n \n \n
    \n \n \n \n '})).bind({}),UserCanAddItems=(args=>({props:Object.assign(Object.assign({},args),{addItemFn:function addItem(text){return text}}),template:'\n
    \n \n \n \n
    \n '})).bind({});UserCanAddItems.args={placeholder:"Otsi elementi või lisa uus"};const DisabledBackground=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n
    \n '})).bind({});DisabledBackground.args={backgroundDisabled:!0};const ObjectsAsItems=(args=>({props:Object.assign(Object.assign({},args),{searchFn:(term,item)=>(console.log("custom searchFn works!"),`${item.name} (${item.code})`.toLowerCase().indexOf(term.toLowerCase())>-1),valueFormatFn:item=>`${item.name} (${item.code})`}),template:'\n \n Use this approach when you provide objects as items and need to mix and match different properties of an item object in an option template. In addition to templates, you need to supply valueFormatFn input as well, in order for the chosen value to appear correctly.\n \n
    \n \n \n \n {{item.name}} ({{item.code}})\n \n \n {{item.name}} ({{item.code}})\n \n \n \n
    \n '})).bind({});ObjectsAsItems.args={items:[{code:"123",name:"Product"},{code:"222",name:"Product"}]};const WithBoundValues=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl(null,fesm2020_forms.Validators.required)});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.getRawValue().item},onSubmit:function onSubmit(formValue){console.log(formValue)}}),template:'\n \n Use bindValue and bindLabel inputs if you need to use custom item object properties, but don\'t want to supply fancy templates for option or selected value.\n \n
    \n
    \n \n \n \n \n
    \n
    \n
    Selected value: {{selectedValue()}}
    \n '}}).bind({});WithBoundValues.args={items:[{fancyLabel:"Scrooge McDuck",rawValue:"duck1"},{fancyLabel:"Donald Duck",rawValue:"duck2"}]};const Disabled=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n
    \n '})).bind({});Disabled.args={disabled:!0};const Form=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl(null,fesm2020_forms.Validators.required)});return{props:Object.assign(Object.assign({},args),{form,selectedValue:function selectedValue(){return form.getRawValue().item},onSubmit:function onSubmit(formValue){console.log(formValue)}}),template:'\n
    \n \n \n \n
    Selected value: {{selectedValue()}}
    \n
    \n '}}).bind({}),LoadingState=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n
    \n '})).bind({});LoadingState.args={loading:!0};const SortedItems=(args=>({props:Object.assign(Object.assign({},args),{sortItemsFn:function sortItemsFn(a,b){return a.localeCompare(b,"et")}}),template:'\n
    \n \n \n \n
    \n '})).bind({});SortedItems.args={items:["ÄÄÄ","DDD","CCC","AAA","BBB"]}},"./libs/ui/src/lib/select/select.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>select_html_stories});const select_html_stories={title:"HTML/Form/Select",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-select`\nCorresponding Javascript component | `SelectComponent`\nPermitted parent/ancestors | `cvi-form-item`\nPermitted Sass components as children | -\n\n## Where to use\n\nStyled custom select. Use inside of `cvi-form-item`.\n\n## How to use\n\nAdd directly to HTML using `.cvi-select*` classes or `@include` mixin `@cvi-select` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{containerWidth:{name:"Container width",table:{category:"Playground"},control:{type:"number"}}},args:{placeholder:"Otsi elementi või lisa uss 🐍",containerWidth:220}},Default=(args=>({props:args,template:'\n
    \n
    \n \n
    \n
    \n
    \n
    \n
    {{ placeholder }}
    \n
    \n
    \n \n
    \n \n \n \n \n \n
    \n
    \n
    \n
      \n
    • \n Item 1 that is not that short but actually quite long\n
      • \n
    • \n Current item 2\n
      • \n
    • \n Item selected from keyboard\n
      • \n
    • \n Item 4\n
      • \n
    • \n Item 5\n
      • \n
    • \n Item 6 with a very long text spanning many lines\n
      • \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/status-badge/status-badge.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithTooltip:()=>WithTooltip,default:()=>status_badge_component_stories});const status_badge_component_stories={title:"Angular/Status badge",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-status-badge`\nComponent name | `StatusBadgeComponent`\nDesign system module | -\nContent | no\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nAdds a colored status badge with some text.\n",layout:"centered"},argTypes:{severity:{name:"Severity style",options:["info","success","warning"],control:{type:"select"}},tooltipText:{if:{arg:"withTooltip",eq:!0}},tooltipIcon:{options:__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts").T,control:{type:"select"},if:{arg:"withTooltip",eq:!0}}},args:{severity:"info",label:"Pending review",withTooltip:!1,tooltipText:"some tooltip text",tooltipIcon:"info",hasBackground:!0}},Template=args=>({props:args,template:'\n \n \n '}),Default=Template.bind({}),WithTooltip=Template.bind({});WithTooltip.args={withTooltip:!0}},"./libs/ui/src/lib/status-badge/status-badge.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithIcon:()=>WithIcon,default:()=>status_badge_html_stories});const status_badge_html_stories={title:"HTML/Status badge",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-status-badge`\nCorresponding Javascript component | `StatusBadgeComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | text\n\n## Where to use\n\nAdds a colored status badge with some text.\n\n## How to use\n\nPass `--color`, `--background-color`, and optionally `--border-color` CSS variables to the Sass component. (See example colors in `status-badge.ts`.)\n\nAdd directly to HTML using `.cvi-status-badge*` classes or `@include` mixin `@cvi-status-badge` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"},layout:"centered"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{content:"Waiting"}},Default=(args=>({props:args,template:'\n
    {{ content }}
    \n '})).bind({}),WithIcon=(args=>({props:args,template:'\n \n
    \n {{ content }}\n \n \n \n
    \n     \n '})).bind({})},"./libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>step_panel_component_stories});var step_panel_component=__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts");const step_panel_component_stories={title:"Angular/Steps/Step panel",component:step_panel_component.w,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-step-panel`\nComponent name | `StepPanelComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | `cvi-ng-step`\nPermitted children | any\n\n## Where to use\n\nIs responsible for rendering tab content panel in `cvi-ng-steps`. This is your primary option when displaying some content in the steps component.\n"},argTypes:{content:{name:"Content",table:{category:"Playground"}}},args:{title:"First step",content:"First step content."}},Default=(args=>({component:step_panel_component.w,props:Object.assign({},args),template:'\n \n \n \n {{ content }}\n \n \n \n \n Some content\n \n \n \n '})).bind({})},"./libs/ui/src/lib/steps/step/step.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>step_component_stories});var step_component=__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts");const step_component_stories={title:"Angular/Steps/Step",component:step_component.B,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-step`\nComponent name | `StepComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | `cvi-ng-steps`\nPermitted children | any, `cvi-ng-step-panel`\n\n## Where to use\n\nIs responsible for rendering a tab in `cvi-ng-steps`. You can insert `cvi-ng-step-panel` inside this component for better UI.\n"}},Default=(args=>({component:step_component.B,props:Object.assign({},args),template:'\n \n \n \n Some content for the first step\n \n \n \n \n Some more content\n \n \n \n '})).bind({})},"./libs/ui/src/lib/steps/steps/steps.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DefaultWithSelectedStep:()=>DefaultWithSelectedStep,Mobile:()=>Mobile,MobileWithSelectedStep:()=>MobileWithSelectedStep,WithHTMLSections:()=>WithHTMLSections,WithObservableTitles:()=>WithObservableTitles,WithStepStatuses:()=>WithStepStatuses,WithTranslations:()=>WithTranslations,default:()=>steps_component_stories});var from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js"),steps_component=__webpack_require__("./libs/ui/src/lib/steps/steps/steps.component.ts"),client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs");const steps_component_stories={title:"Angular/Steps/Steps",parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-steps`\nComponent name | `StepsComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | `cvi-ng-step`\n\n## Where to use\n\nAdds sequential tabs that do not block non-linear interaction.\n"},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],argTypes:{stepsContent:{controls:!1},currentStepIndex:{name:"Current step (starting from 0)",control:{type:"number",min:0}}},args:{title:"Abiellumine",currentStepIndex:null,stepsContent:['Nevertheless, Cosy Moments thrives. It has its public.',"Its contents are mildly interesting, if you like that sort of thing.",'There is a "Moments in the Nursery" page, conducted by Luella Granville Waterman.','There is a "Moments of Meditation" page, conducted by the Reverend Edwin T. Philpotts.','

    Võtke ühendust Politsei- ja Piirivalveametiga.

    ppa@politsei.eepolitsei.eePärnu mnt 139, 15060 Tallinn
    "','

    Võtke ühendust perekonnaseisuasutusega, kus soovite abielu sõlmida.

    Maakonnakeskuse kohalikud omavalitsusedNotaridAbielu sõlmimise õigust omavad vaimulikud
    "']}},Template=args=>{const form=new fesm2020_forms.FormGroup({text:new fesm2020_forms.FormControl("Some text")});return{component:steps_component.G,props:Object.assign(Object.assign({},args),{form,formMinRows:5,formHtmlId:"fk123sd4kfds",formLabel:"Label"}),template:'\n \n

    You can now add custom content before steps

    \n \n \n \n \n \n \n \n {{ stepsContent[1] }}\n \n \n \n \n {{ stepsContent[2] }}\n \n \n \n \n {{ stepsContent[3] }}\n \n \n \n \n
    \n Textarea, input and the character counter directive should work properly inside steps.\n \n \n \n
    \n     \n     \n     \n '}},Default=Template.bind({}),DefaultWithSelectedStep=Template.bind({});DefaultWithSelectedStep.args={currentStepIndex:0};const Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}};const MobileWithSelectedStep=Template.bind({});MobileWithSelectedStep.args={currentStepIndex:0},MobileWithSelectedStep.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}};const WithObservableTitles=(args=>({props:Object.assign(Object.assign({},args),{labels$:(0,from.D)([["First","Second","Third"]]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(1e3)))))}),template:'\n \n \n \n \n {{ label }}\n \n \n \n \n '})).bind({});WithObservableTitles.parameters={chromatic:{delay:1300}};const WithTranslations=(args=>({component:steps_component.G,props:Object.assign({},args),template:'\n \n

    You can now add custom content before steps

    \n \n \n \n \n \n \n \n {{ stepsContent[1] }}\n \n \n \n \n {{ stepsContent[2] }}\n \n \n \n \n {{ stepsContent[3] }}\n \n \n     \n '})).bind({});WithTranslations.parameters={axe:{disabledRules:["button-name"]}};const WithHTMLSections=(args=>({component:steps_component.G,props:Object.assign({},args),template:'\n \n

    You can now add custom content before steps

    \n \n \n \n \n \n \n \n \n \n \n     \n '})).bind({});WithHTMLSections.parameters={axe:{disabledRules:["button-name"]}};const WithStepStatuses=(args=>({component:steps_component.G,props:Object.assign({},args),template:'\n \n \n \n Status is set to \'null\'.\n \n \n \n \n Success status!\n \n \n \n \n Status is not set.\n \n \n \n \n Error status!\n \n \n \n '})).bind({});WithStepStatuses.args={currentStepIndex:0}},"./libs/ui/src/lib/steps/steps/steps.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>steps_html_stories});const steps_html_stories={title:"HTML/Steps",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-steps`\nCorresponding Javascript component | `StepsComponent`\nPermitted parent/ancestors | -\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds sequential tabs that do not block non-linear interaction.\n\n## How to use\n\nAdd directly to HTML using `.cvi-steps*` classes or `@include` mixin `@cvi-steps` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n

    Abiellumine

    \n
    \n

    You can now add custom content before steps

    \n
    \n
      \n
    1. \n
    \n
    \n \n \n 1\n \n Abiellumine\n
    \n
    \n \n \n \n \n \n \n
    \n \n \n \n
  • \n \n
    • \n
  • \n \n
    • \n
  • \n \n
    • \n \n
    \n
    \n
    \n

    Second

    \n

    \n Fetal stemcells, aren\'t those controversial? In your time, yes, but nowadays shut up! Besides, these are\n adult stemcells,\n harvested from perfectly healthy adults whom I killed for their stemcells. Bender?! You stole the atom.\n

    \n
    \n
    \n
    \n
    \n
    \n \n \n
    \n \n \n \n \n ',styles:["\n .cvi-steps {\n --current-step: '2';\n }\n "]}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={layout:"fullscreen",backgrounds:{default:"light"},viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomHeadingLevels:()=>WithCustomHeadingLevels,WithSteps:()=>WithSteps,WithStepsMobile:()=>WithStepsMobile,default:()=>generated_table_of_contents_component_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var generated_table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts"),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),from=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/from.js"),concatMap=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/concatMap.js"),of=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/observable/of.js"),delay=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/delay.js");let StorybookToCHTMLExampleComponent=class StorybookToCHTMLExampleComponent{};StorybookToCHTMLExampleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-toc-html-example",template:'\n
    \n

    \n An h2: pretty none change slept range afraid\n

    \n
    \n
    \n
    \n

    \n An h3: explore single gain swam base farther courage\n

    \n
    \n
    \n
    \n
    \n

    \n A nested h2 heading: string baby explore\n

    \n
    \n
    \n
    \n
    \n
    \n

    A lone heading at the near end

    \n
    \n
    \n

    \n Compound teeth fully there habit actually primitive young movement\n pretty him including per program firm disease school butter various\n say social unless ice hello\n

    \n
    \n
    \n '})],StorybookToCHTMLExampleComponent);let StorybookToCHTMLStepsExampleComponent=class StorybookToCHTMLStepsExampleComponent{constructor(){this.headingDisplayed=!0}};StorybookToCHTMLStepsExampleComponent.propDecorators={extraAsyncSections:[{type:core.Input}]},StorybookToCHTMLStepsExampleComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-toc-html-steps-example",template:'\n
    \n
    \n \n

    An h2: pretty none change slept range afraid

    \n
    \n     \n
    \n
    \n

    An h3: explore single gain swam base farther courage

    \n
    \n
    \n
    \n
    \n

    A nested h2 heading 1: string baby explore

    \n
    \n
    \n
    \n
    \n
    \n

    A nested h2 heading 2: string baby explore

    \n
    \n
    \n
    \n \n
    \n

    {{ section.title }}

    \n
    {{ section.content }}
    \n
    \n     \n '})],StorybookToCHTMLStepsExampleComponent);const generated_table_of_contents_component_stories={title:"Angular/Table of contents/Generated table of contents",component:generated_table_of_contents_component.w,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-generated-table-of-contents`\nComponent name | `GeneratedTableOfContentsComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nAutomatically generates a table of contents sidebar to textual page content that represents raw HTML wrapped into an external component.\n\nDon't use this if you have full control over template. Use `cvi-ng-table-of-contents-wrapper` along with `cvi-ng-table-of-contents` and `cvi-ng-table-of-contents-item` directly instead.\n\n## How to use\n\n1. Add `cvi-ng-generated-table-of-contents` to a page-wide slot in a view;\n2. as its content, add a number of divs or a component with raw HTML that contains some headings (`h1`, `h2`, or `h3`);\n3. a table of contents will automatically be created and the headings will appear there.\n",chromatic:{disableSnapshot:!0}},decorators:[(0,client.moduleMetadata)({declarations:[StorybookToCHTMLExampleComponent,StorybookToCHTMLStepsExampleComponent]})],args:{title:"Sisukord",headingSelector:"h1, h2, h3"}},Template=args=>({component:generated_table_of_contents_component.w,props:Object.assign({},args),template:'\n \n \n \n '}),Default=Template.bind({});Default.parameters={axe:{disabledRules:["scrollable-region-focusable"]}};const WithCustomHeadingLevels=Template.bind({});WithCustomHeadingLevels.args={headingSelector:"h1, h2"},WithCustomHeadingLevels.parameters={axe:{disabledRules:["scrollable-region-focusable"]}};const TemplateWithSteps=args=>({component:generated_table_of_contents_component.w,props:Object.assign(Object.assign({},args),{extraAsyncSections:(0,from.D)([[{title:"I am the title of the first observable array element",content:"Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit"},{title:"I am the title of the second observable array element",content:"This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough"}]]).pipe((0,concatMap.b)((item=>(0,of.of)(item).pipe((0,delay.g)(500)))))}),template:'\n \n

    Custom content before steps

    \n \n \n \n \n \n \n \n \n \n \n
    \n
    \n

    Some random h2

    \n
    \n
    \n
    \n

    A random h3 heading with a lot of sense in it

    \n
    \n
    \n
    \n
    \n

    Papadiboopi

    \n
    \n
    \n
    \n     \n     \n     \n     \n '}),WithSteps=TemplateWithSteps.bind({});WithSteps.storyName="With steps";const WithStepsMobile=TemplateWithSteps.bind({});WithStepsMobile.storyName="With steps (mobile)",WithStepsMobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>table_of_contents_item_component_stories});var table_of_contents_item_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts");const table_of_contents_item_component_stories={title:"Angular/Table of contents/Table of contents item",component:table_of_contents_item_component.j,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-table-of-contents-item`\nComponent name | `TableOfContentsItemComponent`\nDesign system module | -\nContent | no\nPermitted parent/ancestors | `cvi-ng-table-of-contents`\nPermitted children | -\n\n## Where to use\n\nRenders a table of contents navigation link in a `cvi-ng-table-of-contents`.\n\n## How to use\n\nSee `cvi-ng-table-of-contents-wrapper` docs.\n",chromatic:{disableSnapshot:!0}},args:{label:"Section One with a very long label that spans many lines"}},Default=(args=>({component:table_of_contents_item_component.j,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({})},"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,HeadingsWithIds:()=>HeadingsWithIds,InDebugMode:()=>InDebugMode,WithSteps:()=>WithSteps,WithStepsAndHeadingsWithIds:()=>WithStepsAndHeadingsWithIds,WithStepsMobile:()=>WithStepsMobile,default:()=>table_of_contents_wrapper_component_stories});var table_of_contents_wrapper_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts");const table_of_contents_wrapper_component_stories={title:"Angular/Table of contents/Table of contents wrapper",component:table_of_contents_wrapper_component.u,parameters:{layout:"padded",notes:'## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-table-of-contents-wrapper`\nComponent name | `TableOfContentsWrapperComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any and `cvi-ng-table-of-contents`\n\n## Where to use\n\nAdds a table of contents sidebar to textual page content.\n\n## How to use\n\n1. Add `cvi-ng-table-of-contents-wrapper` to a page-wide slot in a view;\n2. As its content, add a div with multiple blocks (eg same `div`s) of textual content with `cviNgToCSection="section-id"` attribute each. You can also add the directive to headings themselves instead. `section-id` must be a unique alphanumeric string in kebab case;\n3. To the same `cvi-ng-table-of-contents-wrapper` also add `cvi-ng-table-of-contents` with a number of `cvi-ng-table-of-contents-item` equal to the number of content blocks. Each item should have its `href` prop set to the `section-id` prepended by `#`.\n',chromatic:{disableSnapshot:!0}}},Template=args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '}),Default=Template.bind({});Default.argTypes={debugMode:{name:"Debug mode",control:{type:"boolean"},table:{category:"Playground"}}},Default.args={debugMode:!1};const InDebugMode=Template.bind({});InDebugMode.args={debugMode:!0},InDebugMode.parameters={axe:{disabledRules:["color-contrast"]}};const HeadingsWithIds=(args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({});HeadingsWithIds.storyName="With ids on headings";const TemplateWithSteps=args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n

    Custom content before steps

    \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n     \n '}),WithSteps=TemplateWithSteps.bind({});WithSteps.storyName="With steps (ids on heading container)";const WithStepsMobile=TemplateWithSteps.bind({});WithStepsMobile.storyName="With steps (ids on heading container, mobile)",WithStepsMobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithStepsAndHeadingsWithIds=(args=>({component:table_of_contents_wrapper_component.u,props:Object.assign({},args),template:'\n \n

    Custom content before steps

    \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n \n \n \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n
    \n

    Section Five

    \n
    \n
    \n     \n\n \n \n \n \n \n \n \n     \n     \n     \n '})).bind({});WithStepsAndHeadingsWithIds.storyName="With steps (ids on headings)"},"./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>table_of_contents_wrapper_html_stories});const table_of_contents_wrapper_html_stories={title:"HTML/Table of contents",parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-table-of-contents`\nCorresponding Javascript components | `TableOfContentsWrapperComponent`, `TableOfContentsComponent`, `TableOfContentsItemComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | any\n\n## Where to use\n\nAdds a table of contents sidebar to textual page content.\n\nAdd the page content to be navigated before `.cvi-table-of-contents__aside` block.\n"}},Default=(args=>({props:Object.assign({},args),template:'\n
    \n
    \n
    \n

    Section One

    \n

    \n There comes a day when prey kills predator, the young one shall usher\n forth a strengthening of bonds and new aggressions.\n

    \n

    \n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\n generally playful by nature and can often be found in winter. If\n you\'re out looking for them they can often be seen lurking about and\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\n evolved yet and there are no known evolutions.\n

    \n
    \n
    \n

    Section Two

    \n

    \n Billy Windsor had started life twenty-five years before this story\n opens on his father\'s ranch in Wyoming. From there he had gone to a\n local paper of the type whose Society column consists of such items as\n "Pawnee Jim Williams was to town yesterday with a bunch of other cheap\n skates. We take this opportunity of once more informing Jim that he is\n a liar and a skunk," and whose editor works with a revolver on his\n desk and another in his hip-pocket. Graduating from this, he had\n proceeded to a reporter\'s post on a daily paper in a Kentucky town,\n where there were blood feuds and other Southern devices for preventing\n life from becoming dull. All this time New York, the magnet, had been\n tugging at him. All reporters dream of reaching New York. At last,\n after four years on the Kentucky paper, he had come East, minus the\n lobe of one ear and plus a long scar that ran diagonally across his\n left shoulder, and had worked without much success as a free-lance. He\n was tough and ready for anything that might come his way, but these\n things are a great deal a matter of luck. The cub-reporter cannot make\n a name for himself unless he is favoured by fortune. Things had not\n come Billy Windsor\'s way. His work had been confined to turning in\n reports of fires and small street accidents, which the various papers\n to which he supplied them cut down to a couple of inches.\n

    \n
    \n
    \n

    Section Three

    \n

    \n A waiter made an ingratiating gesture towards the basket, but the\n young man stopped him. "Not on your life, sonny," he said. "This stays\n right here." He placed it carefully on the floor beside his chair, and\n proceeded to order dinner.\n

    \n
    \n
    \n

    Section Four

    \n

    \n "Too decorous, Comrade Jackson. I came over here principally, it is\n true, to be at your side, should you be in any way persecuted by\n scoundrels. But at the same time I confess that at the back of my mind\n there lurked a hope that stirring adventures might come my way. I had\n heard so much of the place. Report had it that an earnest seeker after\n amusement might have a tolerably spacious rag in this modern\n Byzantium. I thought that a few weeks here might restore that keen\n edge to my nervous system which the languor of the past term had in a\n measure blunted. I wished my visit to be a tonic rather than a\n sedative. I anticipated that on my return the cry would go round\n Cambridge, \'Psmith has been to New York. He is full of oats. For he on\n honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff.\n Rah!\' But what do we find?"\n

    \n
    \n
    \n

    Section Five

    \n

    \n There comes a day when prey kills predator, the young one shall usher\n forth a strengthening of bonds and new aggressions.\n

    \n

    \n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\n generally playful by nature and can often be found in winter. If\n you\'re out looking for them they can often be seen lurking about and\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\n evolved yet and there are no known evolutions.\n

    \n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithRandomText:()=>WithRandomText,default:()=>table_of_contents_component_stories});var table_of_contents_component=__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts");const table_of_contents_component_stories={title:"Angular/Table of contents/Table of contents",component:table_of_contents_component.q,parameters:{layout:"padded",notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-table-of-contents`\nComponent name | `TableOfContentsComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | `cvi-ng-table-of-contents-wrapper`\nPermitted children | `cvi-ng-table-of-contents-item`\n\n## Where to use\n\nRenders a table of contents navigation in a `cvi-ng-table-of-contents-wrapper`.\n\n## How to use\n\nSee `cvi-ng-table-of-contents-wrapper` docs.\n"},args:{title:"Table of contents"}},Default=(args=>({component:table_of_contents_component.q,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \n

    It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.

    \n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \n

    This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.

    \n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \n

    The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.

    \n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \n
    \n\n
    \n

    Section Two

    \n

    Happily wall anything pleasant court made vegetable freedom printed plate education six longer anyway mill forty active manufacturing struggle darkness teach round further handle.

    \n

    so image across automobile twenty how some fight earn fireplace elephant flow cat slightly factor free mighty most fox taken seldom rhyme especially upper.

    \n
    \n\n
    \n

    Section Three

    \n

    It shall be on the day that the world becomes shrouded in shadows, the\n prophet shall bring an eternal night and a change of leadership.

    \n

    It shall be on the day that steel turns to rust, two enemies shall cause\n the toppling of leaders and the beginning of a better future.

    \n

    The day kingdoms collide, a suspicious accident shall cause a time of\n peace and an age of failing crops.

    \n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \n

    When the moment comes that one becomes many and many becomes one, a man\n clad in green shall bring forth the dawn of evil and a time of peace.

    \n

    The day the rain returns, a victory shall mark an end to hunger and the\n end of wealth.

    \n

    As soon as the sun turns dark, a sudden death shall cause a generation of\n health and an age of misfortune.

    \n

    It shall be then, when what is blue turns red, the false leader shall\n bring the toppling of leaders and the return of dragons.

    \n

    It shall be on the day that the world becomes shrouded in shadows, the\n prophet shall bring an eternal night and a change of leadership.

    \n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It\n has a glowing snout, camouflaged fur and fat legs. They\'re generally timid\n by nature and can often be found near sanctuaries. If you\'re out looking\n for them they can often be seen on their own. It tends to attack with\n Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\n faith.

    \n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\n faith.

    \n

    It shall be on the day that steel turns to rust, two enemies shall cause\n the toppling of leaders and the beginning of a better future.

    \n

    There comes a day when prey kills predator, the young one shall usher\n forth a strengthening of bonds and new aggressions.

    \n

    It shall be then, when what is blue turns red, the false leader shall\n bring the toppling of leaders and the return of dragons.

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has\n stubby fins, pure white scales and a cavernous mouth. They\'re generally\n energetic by nature and can often be found during a blizzard. If you\'re\n out looking for them they can often be seen among many other kinds of\n Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.

    \n
    \n\n
    \n

    Section Four

    \n

    When the moment comes that the dead rise, the accused shall cause an age\n of lawlessness.

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It\n has snowy legs, an icicle covered tail and frosty ears. They\'re generally\n playful by nature and can often be found in winter. If you\'re out looking\n for them they can often be seen lurking about and on their own. It tends\n to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no\n known evolutions.

    \n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\n faith.

    \n

    There comes a day when mountains move and rivers shiver, a refusal shall\n bring the end of leadership.

    \n

    "Too decorous, Comrade Jackson. I came over here principally, it is true,\n to be at your side, should you be in any way persecuted by scoundrels. But\n at the same time I confess that at the back of my mind there lurked a hope\n that stirring adventures might come my way. I had heard so much of the\n place. Report had it that an earnest seeker after amusement might have a\n tolerably spacious rag in this modern Byzantium. I thought that a few\n weeks here might restore that keen edge to my nervous system which the\n languor of the past term had in a measure blunted. I wished my visit to be\n a tonic rather than a sedative. I anticipated that on my return the cry\n would go round Cambridge, \'Psmith has been to New York. He is full of\n oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is\n hot stuff. Rah!\' But what do we find?"

    \n

    It shall be then, when rocks will rain from the sky, a man clad in green\n shall bring forth a rise of faith.

    \n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \n

    By the time that Pugsy returned, carrying a five-cent bottle of milk, the\n animal had vacated the book-shelf, and was sitting on the table, washing\n her face. The milk having been poured into the lid of a tobacco-tin, in\n lieu of a saucer, she suspended her operations and adjourned for\n refreshments. Billy, business being business, turned again to Luella\n Granville Waterman, but Pugsy, having no immediate duties on hand,\n concentrated himself on the cat.

    \n

    A waiter made an ingratiating gesture towards the basket, but the young\n man stopped him. "Not on your life, sonny," he said. "This stays right\n here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \n

    When the brother becomes the father, a suspicious death shall bring forth\n bloodshed of blue blood and the return of monsters.

    \n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \n
    \n\n\n
    \n

    Section Five

    \n

    Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as "Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk," and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.

    \n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \n

    "Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson," he added, as they walked out, "that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision."

    \n

    It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.

    \n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. "Not on your life, sonny," he said. "This stays right here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \n

    It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.

    \n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \n

    When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.

    \n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. "Not on your life, sonny," he said. "This stays right here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \n

    There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.

    \n

    As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.

    \n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({}),WithRandomText=(args=>({component:table_of_contents_component.q,props:Object.assign({},args),template:'\n \n
    \n
    \n

    Section One

    \n
    \n
    \n\n
    \n

    Section Two

    \n
    \n
    \n\n
    \n

    Section Three

    \n
    \n
    \n\n
    \n

    Section Four

    \n
    \n
    \n\n\n
    \n

    Section Five

    \n
    \n
    \n
    \n\n \n \n \n \n \n \n \n     \n '})).bind({});WithRandomText.parameters={chromatic:{disableSnapshot:!0}}},"./libs/ui/src/lib/table/table.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,Tablet:()=>Tablet,WithToolbar:()=>WithToolbar,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _angular_forms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),_storybook_angular__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),_ui_module__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),_table_component_md__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./libs/ui/src/lib/table/table.component.md");const statuses=[{severity:"info",label:"Avaldamise ootel"},{severity:"warning",label:"Mustand"},{severity:"success",label:"Avaldatud"}],getStatusBadgeLabelBySeverity=severity=>{var _a;return null===(_a=statuses.find((st=>st.severity===severity)))||void 0===_a?void 0:_a.label},__WEBPACK_DEFAULT_EXPORT__={title:"Angular/Table",parameters:{notes:_table_component_md__WEBPACK_IMPORTED_MODULE_2__},args:{headerLabels:["Sündmusteenus","Staatus","Email","Viimati muudetud"],data:[{event:"Abiellumine",statusSeverity:"warning",email:"doagwelcometotheteamoftwenty@cochol.eu",lastChanged:"2021-07-15",icons:[{iconName:"edit_simple",actionLabel:"Edit"},{iconName:"delete",actionLabel:"Delete"}]},{event:"Meteoroloogiateenistus",statusSeverity:"success",email:"utpa@pi.ca",lastChanged:"2018-07-17",icons:[{iconName:"add",actionLabel:"Add"}]},{event:"Geoloogilise luure teenistus",statusSeverity:"info",email:"boole@dok.ky",lastChanged:"2016-07-05",icons:[{iconName:"edit_simple",actionLabel:"Edit"}]}],rowIconHeight:18,rowIconGap:3},decorators:[(0,_storybook_angular__WEBPACK_IMPORTED_MODULE_0__.moduleMetadata)({imports:[_ui_module__WEBPACK_IMPORTED_MODULE_1__.W]})]},Template=args=>({props:Object.assign(Object.assign({},args),{getStatusBadgeLabelBySeverity}),template:'\n \n \n \n {{ headerLabel }}\n \n \n \n \n \n \n {{ row.event }}\n \n \n \n {{ row.email }}\n {{ row.lastChanged }}\n \n \n \n \n \n \n \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const Tablet=Template.bind({});Tablet.parameters={viewport:{defaultViewport:"ipad"}};const WithToolbar=(args=>{const form=new _angular_forms__WEBPACK_IMPORTED_MODULE_3__.FormGroup({item:new _angular_forms__WEBPACK_IMPORTED_MODULE_3__.FormControl(null)});return{props:Object.assign(Object.assign({},args),{getStatusBadgeLabelBySeverity,form}),template:'\n \n\n \n \n \n \n \n \n \n Lisa uus sündmusteenus\n \n \n \n\n \n \n {{ headerLabel }}\n \n \n \n \n \n\n \n {{ row.event }}\n \n \n \n {{ row.email }}\n {{ row.lastChanged }}\n \n \n \n \n \n \n \n '}}).bind({})},"./libs/ui/src/lib/table/table.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={title:"HTML/Table",parameters:{notes:__webpack_require__("./libs/ui/src/lib/table/table.component.md"),options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
    \n
    Sündmusteenus
    \n     		\n
    Staatus
    \n     		\n
    Viimati muudetud
    \n
    \n
    Abiellumine
    \n     		\n
    Mustand
    \n     		\n
    2021-07-15
    \n     		\n
    \n
    \n \n \n
    \n
    \n
    \n
    Meteoroloogiateenistus
    \n     		\n
    Avaldatud
    \n     		\n
    2018-07-17
    \n     		\n
    \n
    \n \n
    \n
    \n
    \n
    Geoloogilise luure teenistus
    \n     		\n
    Avaldamise ootel
    \n     		\n
    2016-07-05
    \n     		\n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/tabs/tab-group.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithIcon:()=>WithIcon,default:()=>tab_group_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const tab_group_component_stories={title:"Angular/Tabs/Tab group",parameters:{notes:"## General description\n\n| Feature | Description |\n|----------------------------|----------------------|\n| Selector | `cvi-ng-tab-group` |\n| Component name | `TabGroupComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | `cvi-ng-tab` |\n\n## Where to use\n\nDisplays tabs in an old design. Add tabs with `cvi-ng-tab` component.\n"},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],argTypes:{content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},activeTabChange:{action:"Tab switched!"}},args:{content:"First tab content with some more text that might overflow"}},Template=args=>{const form=new fesm2020_forms.FormGroup({text:new fesm2020_forms.FormControl("Some text")});return{props:Object.assign(Object.assign({},args),{form,formMinRows:5,formHtmlId:"fk123sd4kfds",formLabel:"Label"}),template:'\n \n {{ content }}\n \n
    \n Textarea, input and the character counter directive should work properly inside tabs.\n \n \n \n
    \n     \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n     \n '}},Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithIcon=(args=>({props:args,template:'\n\n {{ content }}\n Third tab content. File not found. I was having the most wonderful dream.\n Except you were there, and you were there, and you were there! And when we\n woke up, we had these bodies. I could if you hadn\'t turned on the light and\n shut off my stereo.\n\n ',styles:["\n ::ng-deep .svg-class {\n fill: red;\n }\n "]})).bind({});WithIcon.args={iconName:"input_error",iconHeight:15,iconPosition:"before",gap:2},WithIcon.argTypes={iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},svgClass:{control:!1},iconPosition:{name:"Icon position",options:["before","after"],control:{type:"select"}}}},"./libs/ui/src/lib/tabs/tab-group.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>tab_group_html_stories});const tab_group_html_stories={title:"HTML/Tabs/Tab group",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-tab-group`\nCorresponding Javascript component | `TabGroupComponent`\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## Where to use\n\nA group of tabs.\n\n## How to use\n\nAdd directly to HTML using `.cvi-tab-group*` classes or `@include` mixin `@cvi-tab-group` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n Tab 1\n \n \n Tab 2, with a form\n \n \n Tab 3 with lots and lots of random text\n \n
    \n \n First tab content with some more text that might overflow\n
    \n \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/tabs/tabs.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,WithIcon:()=>WithIcon,default:()=>tabs_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");const tabs_component_stories={title:"Angular/Tabs/Tabs",parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | --------------- |\n| Selector | `cvi-ng-tabs` |\n| Component name | `TabsComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | `cvi-ng-tab` |\n\n## Where to use\n\nDisplays tabs in a new design. On mobile the component switches to dropdown UI. Add tabs with `cvi-ng-tab` component.\n"},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],argTypes:{content:{name:"Content",table:{category:"Playground"},control:{type:"text"}},activeTabChange:{action:"Tab switched!"}},args:{content:"First tab content with some more text that might overflow"}},Template=args=>{const form=new fesm2020_forms.FormGroup({text:new fesm2020_forms.FormControl("Some text")});return{props:Object.assign(Object.assign({},args),{form,formMinRows:5,formHtmlId:"fk123sd4kfds",formLabel:"Label"}),template:'\n \n {{ content }}\n \n
    \n Textarea, input and the character counter directive should work properly inside tabs.\n \n \n \n
    \n     \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n     \n '}},Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const WithIcon=(args=>({props:args,template:'\n \n {{ content }}\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n ',styles:["\n ::ng-deep .svg-class {\n fill: red;\n }\n "]})).bind({});WithIcon.args={iconName:"input_error",iconHeight:15,iconPosition:"before",gap:2},WithIcon.argTypes={iconName:{name:"Icon name",options:storybook_icons.T,control:{type:"select"}},gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},svgClass:{control:!1},iconPosition:{name:"Icon position",options:["before","after"],control:{type:"radio"}}}},"./libs/ui/src/lib/tabs/tabs.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>tabs_html_stories});const tabs_html_stories={title:"HTML/Tabs/Tabs",parameters:{notes:"## General description\n\n| Feature | Description |\n| ------------------------------------- | --------------- |\n| Sass component | `cvi-tabs` |\n| Corresponding Javascript component | `TabsComponent` |\n| Permitted parent/ancestors | any |\n| Permitted Sass components as children | - |\n\n## Where to use\n\nA group of CVI tabs.\n\n## How to use\n\nAdd directly to HTML using `.cvi-tabs*` classes or `@include` mixin `@cvi-tabs` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"}}},Template=args=>({props:args,template:'\n
    \n
    \n \n Tab 1\n \n \n Tab 2, with a form\n \n \n Tab 3 with lots and lots of random text\n \n
    \n
    \n
    \n \n First tab content with some more text that might overflow\n
    \n \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./libs/ui/src/lib/textarea/textarea.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,WithFormGroup:()=>WithFormGroup,default:()=>textarea_component_stories});var client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js");var fesm2020_forms=__webpack_require__("./node_modules/@angular/forms/fesm2020/forms.mjs"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts");const textarea_component_stories={title:"Angular/Form/Textarea",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-textarea`\nComponent name | `TextareaComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA textarea input field component.\n\nCan be used with character counter directive `cviNgCharacterCounter`. If set, character counter uses binded `[maxChars]` property for defining maximum value, otherwise it takes the maximum value from `maxlength` attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the `maxlength` value accordingly.\n",chromatic:{disableSnapshot:!0}},decorators:[(0,client.moduleMetadata)({imports:[ui_module.W,fesm2020_forms.ReactiveFormsModule]})],args:{placeholder:"Placeholder",disabled:!1,resizable:!0,maxLength:2e3,minRows:3,htmlId:"some-textarea"}},Default=(args=>({props:args,template:'\n \n \n \n '})).bind({}),WithCharacterCounter=(args=>({props:args,template:'\n \n \n \n '})).bind({}),WithFormGroup=(args=>{const form=new fesm2020_forms.FormGroup({item:new fesm2020_forms.FormControl("initial value")});return{props:Object.assign(Object.assign({},args),{form,minRows:3,selectedValue:function selectedValue(){return form.controls.item.value}}),template:'\n
    \n \n \n \n \n
    Inserted value: {{selectedValue()}}
    \n
    \n '}}).bind({});WithFormGroup.storyName="With FormGroup"},"./libs/ui/src/lib/textarea/textarea.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCharacterCounter:()=>WithCharacterCounter,default:()=>textarea_html_stories});const textarea_html_stories={title:"HTML/Form/Textarea",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `components/cvi-textarea`\nCorresponding Javascript component | `TextareaComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted children | -\n\n## Where to use\n\nA textarea input field.\n"},args:{placeholder:"Placeholder...",maxLength:2e3,resizable:!0}},Default=(args=>({props:args,template:'\n \n \n \n '})).bind({});Default.args={};const WithCharacterCounter=(args=>({props:args,template:'\n \n \n \n
    0 / 2000
    \n '})).bind({})},"./libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Error:()=>Error,Success:()=>Success,WithMultipleAsideItems:()=>WithMultipleAsideItems,default:()=>timed_notice_component_stories});const timed_notice_component_stories={title:"Angular/Timed Notice",parameters:{notes:"## General description\n\n| Feature | Description |\n| -------------------------- | --------------------- |\n| Selector | `cvi-ng-timed-notice` |\n| Component name | `NoticeComponent` |\n| Content | yes |\n| Permitted parent/ancestors | any |\n| Permitted children | any |\n\n## Where to use\n\nUse inside timeline components to display short informative content, status updates etc.\n",layout:"padded"},argTypes:{severity:{name:"Severity style",options:["info","success","error"],control:{type:"select"}}},args:{severity:"info",title:"KMD Käibedeklaratsioon",titleHref:"https://www.eesti.ee",dueDate:"01.03.2023",time:"23:59",asideItems:[{label:"138€",iconName:"info",tooltipLabel:"Hey this is the tooltip on the tabletop"}]}},Default=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n kohustust täitma\n \n     \n '})).bind({}),Error=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n
    138.00€
    \n \n     \n \n kohustust täitma\n \n     \n '})).bind({}),Success=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n Lisainfo\n     \n '})).bind({}),WithMultipleAsideItems=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n kohustust täitma\n \n     \n '})).bind({});WithMultipleAsideItems.args={asideItems:[{label:"28.02.2023"},{label:"Tasutud",iconName:"info",tooltipLabel:"Some other tooltip"},{label:"138€",iconName:"info",tooltipLabel:"Some other tooltip yet"}]}},"./libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>timed_notice_html_stories});const timed_notice_html_stories={title:"HTML/Timed Notice",parameters:{notes:"## General description\n\n| Feature | Description |\n| ------------------------------------- | ---------------------- |\n| Sass component | `cvi-timed-notice` |\n| Corresponding Javascript component | `TimedNoticeComponent` |\n| Design system module | - |\n| Permitted parent/ancestors | any |\n| Permitted Sass components as children | any |\n\n## Where to use\n\nUtilise where there is a need to show notice component\n\n## How to use\n\nAdd directly to HTML using `.cvi-timed-notice*` classes or `@include` mixin `@cvi-timed-notice` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",layout:"padded"}},Default=(args=>({props:args,template:'\n \n \n
    Maksu- ja tolliamet
    \n \n     \n \n
    138.00€
    \n \n \n \n \n kohustust täitma\n \n    \n '})).bind({})},"./libs/ui/src/lib/toast/toast.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>toast_html_stories});const toast_html_stories={title:"HTML/Toast",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-toast-container`, `cvi-toast`\nCorresponding Javascript service | `ToastService`\nPermitted parent/ancestors | `body` for `cvi-toast-container`\nPermitted Sass components as children | -\n\n## Where to use\n\nUse as toasts - transient notifications appearing in a screen corner.\n\n## How to use\n\nAdd a div with class `cvi-toast-container` to DOM at page load and append a `cvi-toast` into it to show a toast.\n",options:{selectedPanel:"storybook/html/panel"}},argTypes:{title:{name:"Title",table:{category:"Playground"},control:{type:"text"}},content:{name:"Content",table:{category:"Playground"},control:{type:"text"}}},args:{title:"Toast title",content:"Message"}},Default=(args=>({props:args,template:'\n
    \n \n
    \n '})).bind({})},"./libs/ui/src/lib/toast/toast.service.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,OpenOnLoad:()=>OpenOnLoad,default:()=>toast_service_stories});var tslib_es6=__webpack_require__("./node_modules/tslib/tslib.es6.js"),client=__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js"),toast_service=__webpack_require__("./libs/ui/src/lib/toast/toast.service.ts");var _a,core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs");let ToastWrapperComponent=class ToastWrapperComponent{constructor(toastService){this.toastService=toastService,this.showButtons=!0}ngAfterViewInit(){this.showButtons||this.toastService.info("Default Title which is quite darn long","Default message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1")}openSuccessToast(){this.toastService.success("Success Title with a lot of text that does not fit","Message")}openInfoToast(){this.toastService.info("Info Title","Message")}openWarningToast(){this.toastService.warning("Warning Title","Message")}openErrorToast(){this.toastService.error("Error Title","Message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1")}};ToastWrapperComponent.ctorParameters=()=>[{type:toast_service.k}],ToastWrapperComponent.propDecorators={showButtons:[{type:core.Input}]},ToastWrapperComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-toast-wrapper",template:'\n \n Open Success Toast\n Open Info Toast\n Open Warning Toast\n Open Error Toast\n \n '}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==toast_service.k&&toast_service.k)?_a:Object])],ToastWrapperComponent);const toast_service_stories={title:"Angular/Toast",component:ToastWrapperComponent,parameters:{notes:"## General description\n\n`ToastService` is an injectable service and can be used to show success, info, warning\nand error toasts.\n\n## Where to use\n\nCan be used everywhere you need to show toasts. \nJust inject the ToastService into your component or service and\ncall the adequate method to show toasts on the top right side of the screen.\n"},decorators:[(0,client.moduleMetadata)({declarations:[ToastWrapperComponent]})],argTypes:{showButtons:{table:{disable:!0}}}},Default=(args=>({props:Object.assign({},args),template:"\n \n "})).bind({}),OpenOnLoad=(args=>({props:Object.assign({},args),template:'\n \n '})).bind({});OpenOnLoad.parameters={chromatic:{delay:1e3}}},"./libs/ui/src/lib/tooltip/tooltip.directive.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,TooltipNearSideEdge:()=>TooltipNearSideEdge,TooltipNearTopEdge:()=>TooltipNearTopEdge,TooltipOnButton:()=>TooltipOnButton,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tooltip_directive__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.ts"),_tooltip_directive_md__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.md");const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Tooltip/Tooltip Directive",component:_tooltip_directive__WEBPACK_IMPORTED_MODULE_0__.i,parameters:{notes:_tooltip_directive_md__WEBPACK_IMPORTED_MODULE_1__},argTypes:{}},Default=(args=>({props:Object.assign({},args),template:'\n

    \n Hover over this element to display tooltip\n

    \n '})).bind({}),TooltipOnButton=(args=>({props:Object.assign({},args),template:'\n \n

    When hovering on the questionmark, a tooltip appears.

    \n

    When clicking just on the tooltip, nothing should happen.

    \n

    When clicking on just the button but not the tooltip, a box appears.

    \n

    Clicking on a tooltip should not activate any other elements.

    \n     \n\n \n \n Click\n \n \n \n \n\n \n

    This should only appear when clicking on a button, not on the tooltip

    \n     \n '})).bind({}),TooltipNearSideEdge=(args=>({props:Object.assign({},args),template:'\n \n \n

    When tooltip elements are located near the right or left side of the window,

    \n

    the tooltip is not centered above the element. Instead, tooltips are moved

    \n

    away from the sides to prevent being hidden behind the edge.

    \n     \n     \n\n
    \n \n \n \n \n \n\n \n \n \n Some words here\n \n
    \n '})).bind({}),TooltipNearTopEdge=(args=>({props:Object.assign({},args),template:'\n
    \n \n \n \n \n \n
    \n\n \n \n

    When tooltip elements are located near the top edge of the window,

    \n

    the tooltip is hidden above the window edge. To avoid this problem,

    \n

    tooltip should not be placed to the top of the window.

    \n     \n     \n '})).bind({})},"./libs/ui/src/lib/tooltip/tooltip.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>tooltip_html_stories});const tooltip_html_stories={title:"HTML/Tooltip",parameters:{notes:"## General description\n\nFeature | Description\n- | -\n Sass component | `cvi-tooltip`\n Corresponding Javascript component | `TooltipComponent`\n Design system module | -\n Permitted parent/ancestors | -\n Permitted Sass components as children of accordion items | -\n\n## Where to use\n\n\n\n## How to use\n\nRender the tooltip in HTML using `.cvi-tooltip*` classes or `@include` mixin `@cvi-tooltip` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n\nThe logic enabling the tooltip to appear should be implemented separately (see the Angular component as an example). You must provide calculate positions of both content block and arrow separately, for the arrow to reposition itself depending on reference element position.\n",options:{selectedPanel:"storybook/html/panel"}}},Default=(args=>({props:args,template:'\n
    \n
    \n This is a tooltip\n
    \n
    \n
    \n '})).bind({})},"./libs/ui/src/lib/tooltip/tooltip.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Tooltip:()=>Tooltip,TooltipWithCustomZIndex:()=>TooltipWithCustomZIndex,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _tooltip_directive_md__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.md");const __WEBPACK_DEFAULT_EXPORT__={title:"Angular/Tooltip/Tooltip",component:__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts").K,parameters:{notes:_tooltip_directive_md__WEBPACK_IMPORTED_MODULE_0__},argTypes:{configurableZIndexCSSVar:{name:"Custom z-index",table:{category:"Playground"},control:{type:"number"}}},args:{configurableZIndexCSSVar:null}},Template=args=>({props:Object.assign(Object.assign({},args),{width:document.body.getBoundingClientRect().width,height:document.body.getBoundingClientRect().height}),template:'\n
    \n \n
    \n '}),Tooltip=Template.bind({}),TooltipWithCustomZIndex=Template.bind({});TooltipWithCustomZIndex.storyName="Tooltip with custom z-index",TooltipWithCustomZIndex.args={configurableZIndexCSSVar:"1002"}},"./libs/ui/src/lib/track/track.component.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ItemsCenteredHorizontally:()=>ItemsCenteredHorizontally,ItemsCenteredVertically:()=>ItemsCenteredVertically,Multiline:()=>Multiline,NestedTracks:()=>NestedTracks,Vertical:()=>Vertical,VerticalMobileOnly:()=>VerticalMobileOnly,VerticalMobileOnlyMobile:()=>VerticalMobileOnlyMobile,VerticalReverseMobileOnly:()=>VerticalReverseMobileOnly,VerticalReverseMobileOnlyMobile:()=>VerticalReverseMobileOnlyMobile,WithCustomGap:()=>WithCustomGap,WithEqualSizeFormItemsFlexRow:()=>WithEqualSizeFormItemsFlexRow,WithEqualSizeFormItemsGridCol:()=>WithEqualSizeFormItemsGridCol,WithEqualSizeFormItemsGridRow:()=>WithEqualSizeFormItemsGridRow,WithFlexLayout:()=>WithFlexLayout,WithFormItemsComplex:()=>WithFormItemsComplex,WithGridLayout:()=>WithGridLayout,default:()=>track_component_stories});const categoryFlex={table:{category:"Inputs (flex only)"}},track_component_stories={title:"Angular/Track/Stories",component:__webpack_require__("./libs/ui/src/lib/track/track.component.ts").W,parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSelector | `cvi-ng-track`\nComponent name | `TrackComponent`\nDesign system module | -\nContent | yes\nPermitted parent/ancestors | any\nPermitted children | any\n\n## Where to use\n\nA a quick layout helper. Use with multiple children to provide a flex- or grid-like layout and ensure gaps between them are consistent with the design system.\n",layout:"padded"},argTypes:{gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},horizontalAlignment:{name:"Horizontal alignment",options:["normal","left","center","right","justify"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},verticalAlignment:{name:"Vertical alignment",options:["normal","top","center","bottom"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},flexDirection:Object.assign({name:"Direction",options:["horizontal","vertical","verticalOnMobile","verticalReverseOnMobile"],control:{type:"inline-radio"}},categoryFlex),layout:{name:"Layout method",options:["flex","grid"],control:{type:"inline-radio"}},flexIsMultiline:Object.assign({name:"Is multiline",control:{type:"boolean"},if:{arg:"flexDirection",eq:"horizontal"}},categoryFlex),flexColumnsEqual:Object.assign({name:"Items have equal width",if:{arg:"flexDirection",eq:"horizontal"}},categoryFlex),gridRows:Object.assign({name:"Grid rows",control:{type:"number",min:1,max:20,step:1}},{table:{category:"Inputs (grid only)"}})},args:{gap:1,horizontalAlignment:"normal",verticalAlignment:"normal",flexDirection:"horizontal",layout:"flex",flexIsMultiline:!1,flexColumnsEqual:!1,gridRows:void 0}},Template=args=>({props:args,template:'\n \n Cancel\n Submit\n \n '}),TemplateManyItems=args=>({props:args,template:'\n \n Button 1\n Button with another label\n Button 3\n Button 4\n Button the Fifth\n Button of the Lucky Scrambler\n Button numero Seven\n Button 8\n Button 9\n \n '}),TemplateWithFormItems=args=>({props:args,template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}),Default=Template.bind({}),WithCustomGap=Template.bind({});WithCustomGap.args={gap:4};const ItemsCenteredHorizontally=Template.bind({});ItemsCenteredHorizontally.args={horizontalAlignment:"center"};const ItemsCenteredVertically=Template.bind({});ItemsCenteredVertically.args={verticalAlignment:"center"};const Vertical=Template.bind({});Vertical.args={flexDirection:"vertical"};const VerticalMobileOnly=Template.bind({});VerticalMobileOnly.storyName="Vertical only on mobile (desktop)",VerticalMobileOnly.args={flexDirection:"verticalOnMobile"};const VerticalMobileOnlyMobile=Template.bind({});VerticalMobileOnlyMobile.storyName="Vertical only on mobile (mobile)",VerticalMobileOnlyMobile.args={flexDirection:"verticalOnMobile"},VerticalMobileOnlyMobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const VerticalReverseMobileOnly=Template.bind({});VerticalReverseMobileOnly.storyName="Vertical reversed only on mobile (desktop)",VerticalReverseMobileOnly.args={flexDirection:"verticalReverseOnMobile"};const VerticalReverseMobileOnlyMobile=Template.bind({});VerticalReverseMobileOnlyMobile.storyName="Vertical reversed only on mobile (mobile)",VerticalReverseMobileOnlyMobile.args={flexDirection:"verticalReverseOnMobile"},VerticalReverseMobileOnlyMobile.parameters={viewport:{defaultViewport:"iphone12mini"}};const NestedTracks=(args=>({props:args,template:'\n This story is to verify a bug where a nested track with horizontalAlignment=left can\'t override the same prop of an ancestor track.
    Here, the parent track is set to right and nested track to left. The nested track therefore must not align to right for the correct behaviour.    \n \n
    Item 1
    \n \n
    Nested track with horizontalAlignment="left": Item 2.1
    And some filler easy view fifty tell string park its easier large read help ship younger rising gate hundred silk policeman dear hidden powerful table further mission
    \n
    Nested track: Item 2.2
    \n     \n     \n '})).bind({});NestedTracks.args={horizontalAlignment:"right",flexIsMultiline:!0};const Multiline=TemplateManyItems.bind({});Multiline.args={flexIsMultiline:!0};const WithFlexLayout=TemplateWithFormItems.bind({});WithFlexLayout.args={flexIsMultiline:!0};const WithGridLayout=TemplateManyItems.bind({});WithGridLayout.args={layout:"grid"};const WithEqualSizeFormItemsFlexRow=TemplateWithFormItems.bind({});WithEqualSizeFormItemsFlexRow.storyName="With equally sized flex items",WithEqualSizeFormItemsFlexRow.args={flexColumnsEqual:!0,flexIsMultiline:!0};const WithEqualSizeFormItemsGridRow=TemplateWithFormItems.bind({});WithEqualSizeFormItemsGridRow.storyName="With equally sized grid items (row by row)",WithEqualSizeFormItemsGridRow.args={layout:"grid"};const WithEqualSizeFormItemsGridCol=TemplateWithFormItems.bind({});WithEqualSizeFormItemsGridCol.storyName="With equally sized grid items (column by column)",WithEqualSizeFormItemsGridCol.args={layout:"grid",gridRows:2};const WithFormItemsComplex=(args=>({props:args,template:'\n \n

    This story compares two layout methods, with some adaptations made for using track with form items.

    \n

    In the first track CSS flex layout is used, so the last item may expand to full width in a separate row if it lacks space. Note that setting CSS variables for cvi-textfield component may be required.

    \n

    In the second track CSS grid layout is used, so the size of all items will always be the same.

    \n

    You can use controls below in "Playground" section to add more items.

    \n     \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})).bind({});WithFormItemsComplex.storyName="With form items (complex layout)",WithFormItemsComplex.parameters={chromatic:{disableSnapshot:!0}},WithFormItemsComplex.argTypes={repeatableItemsFlex:{name:"Number of repeatable items (first track)",table:{category:"Playground"}},repeatableItemsGrid:{name:"Number of repeatable items (second track)",table:{category:"Playground"}}},WithFormItemsComplex.args={flexColumnsEqual:!0,repeatableItemsFlex:1,repeatableItemsGrid:1}},"./libs/ui/src/lib/track/track.html.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Mobile:()=>Mobile,default:()=>track_html_stories});const categoryFlex={table:{category:"Props (flex only)"}},track_html_stories={title:"HTML/Track",parameters:{notes:"## General description\n\nFeature | Description\n- | -\nSass component | `cvi-track`\nCorresponding Javascript component | `TrackComponent`\nDesign system module | -\nPermitted parent/ancestors | any\nPermitted Sass components as children | -\n\n## When to use\n\nUse with multiple children to provide a flex- or grid-like layout and ensure equal gaps between them. CSS variables can be used to customise the layout. In your Javascript component you can assign the CSS variables to conveniently named props.\n\n## How to use\n\nAdd directly to HTML using `.cvi-track*` classes or `@include` mixin `@cvi-track` in your Sass code. When including the mixin, you can change the base class with `$base` parameter.\n",options:{selectedPanel:"storybook/html/panel"},layout:"padded"},argTypes:{gap:{name:"Gap",control:{type:"range",min:0,max:20,step:1}},horizontalAlignment:{name:"Horizontal alignment",options:["normal","flex-start","center","flex-end","space-between"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},verticalAlignment:{name:"Vertical alignment",options:["normal","flex-start","center","flex-end"],control:{type:"inline-radio"},if:{arg:"flexDirection",eq:"horizontal"}},flexDirection:Object.assign({name:"Direction",options:["horizontal","vertical","vertical-on-mobile","vertical-reversed-on-mobile"],control:{type:"inline-radio"}},categoryFlex),layout:{name:"Layout method",options:["flex","grid"],control:{type:"inline-radio"}},flexIsMultiline:Object.assign({name:"Is multiline",options:["nowrap","wrap"],control:{type:"inline-radio"}},categoryFlex),flexColumnsEqual:Object.assign({name:"Items have equal width"},categoryFlex),gridRows:Object.assign({name:"Grid rows",control:{type:"number",min:1,max:20,step:1}},{table:{category:"Props (grid only)"}})},args:{gap:1,layout:"flex",horizontalAlignment:"normal",verticalAlignment:"normal",flexDirection:"horizontal",flexIsMultiline:"nowrap",flexColumnsEqual:!1,gridRows:void 0}},Template=args=>({props:args,template:'\n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n '}),Default=Template.bind({}),Mobile=Template.bind({});Mobile.parameters={viewport:{defaultViewport:"iphone12mini"}}},"./dist/libs/icons/build/complete-icon-set.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>completeIconSet});var _cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./dist/libs/icons/build/cvi-action.icon.js"),_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/libs/icons/build/cvi-add.icon.js"),_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_downward.icon.js"),_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_upward.icon.js"),_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-left.icon.js"),_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-right.icon.js"),_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-left.icon.js"),_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-right.icon.js"),_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down-alt.icon.js"),_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down.icon.js"),_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-down.icon.js"),_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-up.icon.js"),_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up-alt.icon.js"),_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up.icon.js"),_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./dist/libs/icons/build/cvi-calendar.icon.js"),_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./dist/libs/icons/build/cvi-call.icon.js"),_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./dist/libs/icons/build/cvi-check-circle-outline.icon.js"),_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./dist/libs/icons/build/cvi-check.icon.js"),_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./dist/libs/icons/build/cvi-close.icon.js"),_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./dist/libs/icons/build/cvi-content-copy.icon.js"),_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./dist/libs/icons/build/cvi-delete.icon.js"),_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./dist/libs/icons/build/cvi-edit-simple.icon.js"),_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./dist/libs/icons/build/cvi-edit.icon.js"),_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./dist/libs/icons/build/cvi-email.icon.js"),_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./dist/libs/icons/build/cvi-error-outline.icon.js"),_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./dist/libs/icons/build/cvi-exit-to-app.icon.js"),_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./dist/libs/icons/build/cvi-filter.icon.js"),_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./dist/libs/icons/build/cvi-happy-face.icon.js"),_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./dist/libs/icons/build/cvi-heart-filled.icon.js"),_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./dist/libs/icons/build/cvi-heart-outline.icon.js"),_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./dist/libs/icons/build/cvi-help-outline.icon.js"),_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./dist/libs/icons/build/cvi-info.icon.js"),_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./dist/libs/icons/build/cvi-input-error.icon.js"),_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./dist/libs/icons/build/cvi-library-add.icon.js"),_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./dist/libs/icons/build/cvi-light-bulb.icon.js"),_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./dist/libs/icons/build/cvi-location.icon.js"),_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./dist/libs/icons/build/cvi-logout.icon.js"),_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./dist/libs/icons/build/cvi-loupe.icon.js"),_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./dist/libs/icons/build/cvi-minus-outlined.icon.js"),_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./dist/libs/icons/build/cvi-open-in-new.icon.js"),_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./dist/libs/icons/build/cvi-outline-circle-xmark.icon.js"),_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./dist/libs/icons/build/cvi-plus-outlined.icon.js"),_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./dist/libs/icons/build/cvi-priority-high.icon.js"),_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./dist/libs/icons/build/cvi-sad-face.icon.js"),_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./dist/libs/icons/build/cvi-screen-share.icon.js"),_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./dist/libs/icons/build/cvi-sort.icon.js"),_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./dist/libs/icons/build/cvi-star-filled.icon.js"),_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./dist/libs/icons/build/cvi-star-outlined.icon.js"),_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./dist/libs/icons/build/cvi-step-icon.icon.js"),_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./dist/libs/icons/build/cvi-success.icon.js"),_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./dist/libs/icons/build/cvi-user.icon.js"),_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./dist/libs/icons/build/cvi-warning-amber.icon.js"),completeIconSet=[_cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__.C,_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__.t,_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__.W,_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__.l,_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__.z,_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__.o,_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__.P,_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__.r,_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__.Q,_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__.a,_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__.O,_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__.i,_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__.T,_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__.y,_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__.y,_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__.A,_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__.f,_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__.I,_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__.s,_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__.R,_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__.w,_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__.T,_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__.t,_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__.M,_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__.D,_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__.J,_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__.y,_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__.Y,_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__.Z,_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__.c,_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__.T,_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__.A,_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__.s,_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__.f,_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__.W,_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__.v,_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__.G,_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__.p,_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__.W,_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__.u,_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__.N,_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__.y,_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__.a,_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__.L,_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__.n,_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__.Q,_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__.x,_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__._,_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__.Z,_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__.W,_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__.i,_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__._]},"./dist/libs/icons/build/cvi-action.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{C:()=>cviAction});var cviAction={name:"action",data:''}},"./dist/libs/icons/build/cvi-add.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>cviAdd});var cviAdd={name:"add",data:''}},"./dist/libs/icons/build/cvi-arrow-a-left.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>cviArrowALeft});var cviArrowALeft={name:"arrow_a_left",data:''}},"./dist/libs/icons/build/cvi-arrow-a-right.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>cviArrowARight});var cviArrowARight={name:"arrow_a_right",data:''}},"./dist/libs/icons/build/cvi-arrow-b-left.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>cviArrowBLeft});var cviArrowBLeft={name:"arrow_b_left",data:''}},"./dist/libs/icons/build/cvi-arrow-b-right.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>cviArrowBRight});var cviArrowBRight={name:"arrow_b_right",data:''}},"./dist/libs/icons/build/cvi-arrow-down-alt.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>cviArrowDownAlt});var cviArrowDownAlt={name:"arrow_down_alt",data:''}},"./dist/libs/icons/build/cvi-arrow-down.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>cviArrowDown});var cviArrowDown={name:"arrow_down",data:''}},"./dist/libs/icons/build/cvi-arrow-drop-down.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{O:()=>cviArrowDropDown});var cviArrowDropDown={name:"arrow_drop_down",data:''}},"./dist/libs/icons/build/cvi-arrow-drop-up.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>cviArrowDropUp});var cviArrowDropUp={name:"arrow_drop_up",data:''}},"./dist/libs/icons/build/cvi-arrow-up-alt.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>cviArrowUpAlt});var cviArrowUpAlt={name:"arrow_up_alt",data:''}},"./dist/libs/icons/build/cvi-arrow-up.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviArrowUp});var cviArrowUp={name:"arrow_up",data:''}},"./dist/libs/icons/build/cvi-arrow_downward.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviArrowDownward});var cviArrowDownward={name:"arrow_downward",data:''}},"./dist/libs/icons/build/cvi-arrow_upward.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{l:()=>cviArrowUpward});var cviArrowUpward={name:"arrow_upward",data:''}},"./dist/libs/icons/build/cvi-calendar.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviCalendar});var cviCalendar={name:"calendar",data:''}},"./dist/libs/icons/build/cvi-call.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>cviCall});var cviCall={name:"call",data:''}},"./dist/libs/icons/build/cvi-check-circle-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>cviCheckCircleOutline});var cviCheckCircleOutline={name:"check_circle_outline",data:''}},"./dist/libs/icons/build/cvi-check.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{I:()=>cviCheck});var cviCheck={name:"check",data:''}},"./dist/libs/icons/build/cvi-close.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>cviClose});var cviClose={name:"close",data:''}},"./dist/libs/icons/build/cvi-content-copy.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>cviContentCopy});var cviContentCopy={name:"content_copy",data:''}},"./dist/libs/icons/build/cvi-delete.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>cviDelete});var cviDelete={name:"delete",data:''}},"./dist/libs/icons/build/cvi-edit-simple.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>cviEditSimple});var cviEditSimple={name:"edit_simple",data:''}},"./dist/libs/icons/build/cvi-edit.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{t:()=>cviEdit});var cviEdit={name:"edit",data:''}},"./dist/libs/icons/build/cvi-email.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>cviEmail});var cviEmail={name:"email",data:''}},"./dist/libs/icons/build/cvi-error-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{D:()=>cviErrorOutline});var cviErrorOutline={name:"error_outline",data:''}},"./dist/libs/icons/build/cvi-exit-to-app.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{J:()=>cviExitToApp});var cviExitToApp={name:"exit_to_app",data:''}},"./dist/libs/icons/build/cvi-filter.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviFilter});var cviFilter={name:"filter",data:''}},"./dist/libs/icons/build/cvi-happy-face.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>cviHappyFace});var cviHappyFace={name:"happy_face",data:''}},"./dist/libs/icons/build/cvi-heart-filled.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>cviHeartFilled});var cviHeartFilled={name:"heart_filled",data:''}},"./dist/libs/icons/build/cvi-heart-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c:()=>cviHeartOutline});var cviHeartOutline={name:"heart_outline",data:''}},"./dist/libs/icons/build/cvi-help-outline.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>cviHelpOutline});var cviHelpOutline={name:"help_outline",data:''}},"./dist/libs/icons/build/cvi-icon.model.js":()=>{},"./dist/libs/icons/build/cvi-info.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>cviInfo});var cviInfo={name:"info",data:''}},"./dist/libs/icons/build/cvi-input-error.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>cviInputError});var cviInputError={name:"input_error",data:''}},"./dist/libs/icons/build/cvi-library-add.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>cviLibraryAdd});var cviLibraryAdd={name:"library_add",data:''}},"./dist/libs/icons/build/cvi-light-bulb.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviLightBulb});var cviLightBulb={name:"light_bulb",data:''}},"./dist/libs/icons/build/cvi-location.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{v:()=>cviLocation});var cviLocation={name:"location",data:''}},"./dist/libs/icons/build/cvi-logout.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>cviLogout});var cviLogout={name:"logout",data:''}},"./dist/libs/icons/build/cvi-loupe.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>cviLoupe});var cviLoupe={name:"loupe",data:''}},"./dist/libs/icons/build/cvi-minus-outlined.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviMinusOutlined});var cviMinusOutlined={name:"minus_outlined",data:''}},"./dist/libs/icons/build/cvi-open-in-new.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{u:()=>cviOpenInNew});var cviOpenInNew={name:"open_in_new",data:''}},"./dist/libs/icons/build/cvi-outline-circle-xmark.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>cviOutlineCircleXmark});var cviOutlineCircleXmark={name:"outline_circle_xmark",data:''}},"./dist/libs/icons/build/cvi-plus-outlined.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>cviPlusOutlined});var cviPlusOutlined={name:"plus_outlined",data:''}},"./dist/libs/icons/build/cvi-priority-high.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>cviPriorityHigh});var cviPriorityHigh={name:"priority_high",data:''}},"./dist/libs/icons/build/cvi-sad-face.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>cviSadFace});var cviSadFace={name:"sad_face",data:''}},"./dist/libs/icons/build/cvi-screen-share.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>cviScreenShare});var cviScreenShare={name:"screen_share",data:''}},"./dist/libs/icons/build/cvi-sort.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Q:()=>cviSort});var cviSort={name:"sort",data:''}},"./dist/libs/icons/build/cvi-star-filled.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>cviStarFilled});var cviStarFilled={name:"star_filled",data:''}},"./dist/libs/icons/build/cvi-star-outlined.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>cviStarOutlined});var cviStarOutlined={name:"star_outlined",data:''}},"./dist/libs/icons/build/cvi-step-icon.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>cviStepIcon});var cviStepIcon={name:"step_icon",data:''}},"./dist/libs/icons/build/cvi-success.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>cviSuccess});var cviSuccess={name:"success",data:''}},"./dist/libs/icons/build/cvi-user.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>cviUser});var cviUser={name:"user",data:''}},"./dist/libs/icons/build/cvi-warning-amber.icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>cviWarningAmber});var cviWarningAmber={name:"warning_amber",data:''}},"./dist/libs/icons/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{completeIconSet:()=>_build_complete_icon_set__WEBPACK_IMPORTED_MODULE_52__.g,cviAction:()=>_build_cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__.C,cviAdd:()=>_build_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__.t,cviArrowALeft:()=>_build_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__.z,cviArrowARight:()=>_build_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__.o,cviArrowBLeft:()=>_build_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__.P,cviArrowBRight:()=>_build_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__.r,cviArrowDown:()=>_build_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__.a,cviArrowDownAlt:()=>_build_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__.Q,cviArrowDownward:()=>_build_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__.W,cviArrowDropDown:()=>_build_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__.O,cviArrowDropUp:()=>_build_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__.i,cviArrowUp:()=>_build_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__.y,cviArrowUpAlt:()=>_build_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__.T,cviArrowUpward:()=>_build_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__.l,cviCalendar:()=>_build_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__.y,cviCall:()=>_build_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__.A,cviCheck:()=>_build_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__.I,cviCheckCircleOutline:()=>_build_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__.f,cviClose:()=>_build_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__.s,cviContentCopy:()=>_build_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__.R,cviDelete:()=>_build_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__.w,cviEdit:()=>_build_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__.t,cviEditSimple:()=>_build_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__.T,cviEmail:()=>_build_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__.M,cviErrorOutline:()=>_build_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__.D,cviExitToApp:()=>_build_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__.J,cviFilter:()=>_build_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__.y,cviHappyFace:()=>_build_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__.Y,cviHeartFilled:()=>_build_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__.Z,cviHeartOutline:()=>_build_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__.c,cviHelpOutline:()=>_build_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__.T,cviInfo:()=>_build_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__.A,cviInputError:()=>_build_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__.s,cviLibraryAdd:()=>_build_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__.f,cviLightBulb:()=>_build_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__.W,cviLocation:()=>_build_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__.v,cviLogout:()=>_build_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__.G,cviLoupe:()=>_build_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__.p,cviMinusOutlined:()=>_build_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__.W,cviOpenInNew:()=>_build_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__.u,cviOutlineCircleXmark:()=>_build_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__.N,cviPlusOutlined:()=>_build_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__.y,cviPriorityHigh:()=>_build_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__.a,cviSadFace:()=>_build_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__.L,cviScreenShare:()=>_build_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__.n,cviSort:()=>_build_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__.Q,cviStarFilled:()=>_build_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__.x,cviStarOutlined:()=>_build_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__._,cviStepIcon:()=>_build_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__.Z,cviSuccess:()=>_build_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__.W,cviUser:()=>_build_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__.i,cviWarningAmber:()=>_build_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__._});var _build_cvi_action_icon__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./dist/libs/icons/build/cvi-action.icon.js"),_build_cvi_add_icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./dist/libs/icons/build/cvi-add.icon.js"),_build_cvi_arrow_downward_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_downward.icon.js"),_build_cvi_arrow_upward_icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./dist/libs/icons/build/cvi-arrow_upward.icon.js"),_build_cvi_arrow_a_left_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-left.icon.js"),_build_cvi_arrow_a_right_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-a-right.icon.js"),_build_cvi_arrow_b_left_icon__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-left.icon.js"),_build_cvi_arrow_b_right_icon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-b-right.icon.js"),_build_cvi_arrow_down_alt_icon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down-alt.icon.js"),_build_cvi_arrow_down_icon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-down.icon.js"),_build_cvi_arrow_drop_down_icon__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-down.icon.js"),_build_cvi_arrow_drop_up_icon__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-drop-up.icon.js"),_build_cvi_arrow_up_alt_icon__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up-alt.icon.js"),_build_cvi_arrow_up_icon__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./dist/libs/icons/build/cvi-arrow-up.icon.js"),_build_cvi_calendar_icon__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./dist/libs/icons/build/cvi-calendar.icon.js"),_build_cvi_call_icon__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./dist/libs/icons/build/cvi-call.icon.js"),_build_cvi_check_circle_outline_icon__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./dist/libs/icons/build/cvi-check-circle-outline.icon.js"),_build_cvi_check_icon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./dist/libs/icons/build/cvi-check.icon.js"),_build_cvi_close_icon__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./dist/libs/icons/build/cvi-close.icon.js"),_build_cvi_content_copy_icon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./dist/libs/icons/build/cvi-content-copy.icon.js"),_build_cvi_delete_icon__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./dist/libs/icons/build/cvi-delete.icon.js"),_build_cvi_edit_simple_icon__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./dist/libs/icons/build/cvi-edit-simple.icon.js"),_build_cvi_edit_icon__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./dist/libs/icons/build/cvi-edit.icon.js"),_build_cvi_email_icon__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./dist/libs/icons/build/cvi-email.icon.js"),_build_cvi_error_outline_icon__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./dist/libs/icons/build/cvi-error-outline.icon.js"),_build_cvi_exit_to_app_icon__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./dist/libs/icons/build/cvi-exit-to-app.icon.js"),_build_cvi_filter_icon__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./dist/libs/icons/build/cvi-filter.icon.js"),_build_cvi_happy_face_icon__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./dist/libs/icons/build/cvi-happy-face.icon.js"),_build_cvi_heart_filled_icon__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./dist/libs/icons/build/cvi-heart-filled.icon.js"),_build_cvi_heart_outline_icon__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./dist/libs/icons/build/cvi-heart-outline.icon.js"),_build_cvi_help_outline_icon__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./dist/libs/icons/build/cvi-help-outline.icon.js"),_build_cvi_info_icon__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./dist/libs/icons/build/cvi-info.icon.js"),_build_cvi_input_error_icon__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./dist/libs/icons/build/cvi-input-error.icon.js"),_build_cvi_library_add_icon__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./dist/libs/icons/build/cvi-library-add.icon.js"),_build_cvi_light_bulb_icon__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./dist/libs/icons/build/cvi-light-bulb.icon.js"),_build_cvi_location_icon__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__("./dist/libs/icons/build/cvi-location.icon.js"),_build_cvi_logout_icon__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__("./dist/libs/icons/build/cvi-logout.icon.js"),_build_cvi_loupe_icon__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__("./dist/libs/icons/build/cvi-loupe.icon.js"),_build_cvi_minus_outlined_icon__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__("./dist/libs/icons/build/cvi-minus-outlined.icon.js"),_build_cvi_open_in_new_icon__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__("./dist/libs/icons/build/cvi-open-in-new.icon.js"),_build_cvi_outline_circle_xmark_icon__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__("./dist/libs/icons/build/cvi-outline-circle-xmark.icon.js"),_build_cvi_plus_outlined_icon__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__("./dist/libs/icons/build/cvi-plus-outlined.icon.js"),_build_cvi_priority_high_icon__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__("./dist/libs/icons/build/cvi-priority-high.icon.js"),_build_cvi_sad_face_icon__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__("./dist/libs/icons/build/cvi-sad-face.icon.js"),_build_cvi_screen_share_icon__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__("./dist/libs/icons/build/cvi-screen-share.icon.js"),_build_cvi_sort_icon__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__("./dist/libs/icons/build/cvi-sort.icon.js"),_build_cvi_star_filled_icon__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__("./dist/libs/icons/build/cvi-star-filled.icon.js"),_build_cvi_star_outlined_icon__WEBPACK_IMPORTED_MODULE_47__=__webpack_require__("./dist/libs/icons/build/cvi-star-outlined.icon.js"),_build_cvi_step_icon_icon__WEBPACK_IMPORTED_MODULE_48__=__webpack_require__("./dist/libs/icons/build/cvi-step-icon.icon.js"),_build_cvi_success_icon__WEBPACK_IMPORTED_MODULE_49__=__webpack_require__("./dist/libs/icons/build/cvi-success.icon.js"),_build_cvi_user_icon__WEBPACK_IMPORTED_MODULE_50__=__webpack_require__("./dist/libs/icons/build/cvi-user.icon.js"),_build_cvi_warning_amber_icon__WEBPACK_IMPORTED_MODULE_51__=__webpack_require__("./dist/libs/icons/build/cvi-warning-amber.icon.js"),_build_complete_icon_set__WEBPACK_IMPORTED_MODULE_52__=__webpack_require__("./dist/libs/icons/build/complete-icon-set.js"),_build_cvi_icon_model__WEBPACK_IMPORTED_MODULE_53__=__webpack_require__("./dist/libs/icons/build/cvi-icon.model.js"),__WEBPACK_REEXPORT_OBJECT__={};for(const __WEBPACK_IMPORT_KEY__ in _build_cvi_icon_model__WEBPACK_IMPORTED_MODULE_53__)["default","cviAction","cviAdd","cviArrowDownward","cviArrowUpward","cviArrowALeft","cviArrowARight","cviArrowBLeft","cviArrowBRight","cviArrowDownAlt","cviArrowDown","cviArrowDropDown","cviArrowDropUp","cviArrowUpAlt","cviArrowUp","cviCalendar","cviCall","cviCheckCircleOutline","cviCheck","cviClose","cviContentCopy","cviDelete","cviEditSimple","cviEdit","cviEmail","cviErrorOutline","cviExitToApp","cviFilter","cviHappyFace","cviHeartFilled","cviHeartOutline","cviHelpOutline","cviInfo","cviInputError","cviLibraryAdd","cviLightBulb","cviLocation","cviLogout","cviLoupe","cviMinusOutlined","cviOpenInNew","cviOutlineCircleXmark","cviPlusOutlined","cviPriorityHigh","cviSadFace","cviScreenShare","cviSort","cviStarFilled","cviStarOutlined","cviStepIcon","cviSuccess","cviUser","cviWarningAmber","completeIconSet"].indexOf(__WEBPACK_IMPORT_KEY__)<0&&(__WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__]=()=>_build_cvi_icon_model__WEBPACK_IMPORTED_MODULE_53__[__WEBPACK_IMPORT_KEY__]);__webpack_require__.d(__webpack_exports__,__WEBPACK_REEXPORT_OBJECT__)},"./libs/storybook/.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{__namedExportsOrder:()=>__namedExportsOrder,decorators:()=>decorators,parameters:()=>parameters});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js")),angular=__webpack_require__("./node_modules/@storybook/addon-docs/angular/index.js"),ui_module=__webpack_require__("./libs/ui/src/lib/ui.module.ts"),icons_registry_service=(__webpack_require__("./libs/ui/src/lib/content-container/content-container.component.ts"),__webpack_require__("./libs/ui/src/lib/content-panel/content-panel.component.ts"),__webpack_require__("./libs/ui/src/lib/button/button.component.ts"),__webpack_require__("./libs/ui/src/lib/button/button.ts"),__webpack_require__("./libs/ui/src/lib/status-badge/status-badge.component.ts"),__webpack_require__("./libs/ui/src/lib/form-item/form-item.component.ts"),__webpack_require__("./libs/ui/src/lib/icons/icon/icon.component.ts"),__webpack_require__("./libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts"),__webpack_require__("./libs/ui/src/lib/icons/icons-registry.service.ts")),tslib_es6=(__webpack_require__("./libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts"),__webpack_require__("./libs/ui/src/lib/notification/notification.component.ts"),__webpack_require__("./libs/ui/src/lib/input/input.component.ts"),__webpack_require__("./libs/ui/src/lib/steps/steps/steps.component.ts"),__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts"),__webpack_require__("./libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts"),__webpack_require__("./libs/ui/src/lib/steps/step/step.component.ts"),__webpack_require__("./libs/ui/src/lib/steps/step-panel/step-panel.component.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/radio-group/radio-group.ts"),__webpack_require__("./libs/ui/src/lib/radio-button/option-button/option-button.component.ts"),__webpack_require__("./libs/ui/src/lib/feedback/feedback/feedback.component.ts"),__webpack_require__("./libs/ui/src/lib/accordion/accordion.component.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-content.directive.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-header.directive.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-item.directive.ts"),__webpack_require__("./libs/ui/src/lib/accordion/directives/accordion-title.directive.ts"),__webpack_require__("./libs/ui/src/lib/html-section/html-section.component.ts"),__webpack_require__("./libs/ui/src/lib/textarea/textarea.component.ts"),__webpack_require__("./libs/ui/src/lib/html-section/safe-html-pipe.ts"),__webpack_require__("./libs/ui/src/lib/tabs/tab-group.component.ts"),__webpack_require__("./libs/ui/src/lib/tabs/tab.component.ts"),__webpack_require__("./libs/ui/src/lib/tabs/tabs.component.ts"),__webpack_require__("./libs/ui/src/lib/table/body-cell/body-cell.component.ts"),__webpack_require__("./libs/ui/src/lib/table/header-cell/header-cell.component.ts"),__webpack_require__("./libs/ui/src/lib/table/table.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/toc-section.directive.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts"),__webpack_require__("./libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts"),__webpack_require__("./libs/ui/src/lib/directives/data-attribute.directive.ts"),__webpack_require__("./libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts"),__webpack_require__("./libs/ui/src/lib/select/select-templates.directive.ts"),__webpack_require__("./libs/ui/src/lib/select/select-navigation.directive.ts"),__webpack_require__("./libs/ui/src/lib/select/select.component.ts"),__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.component.ts"),__webpack_require__("./libs/ui/src/lib/tooltip/tooltip.directive.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast.service.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast-config.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast.component.ts"),__webpack_require__("./libs/ui/src/lib/toast/toast-container.component.ts"),__webpack_require__("./libs/ui/src/lib/toast/overlay.ts"),__webpack_require__("./libs/ui/src/lib/track/track.component.ts"),__webpack_require__("./libs/ui/src/lib/screenreader-text/screenreader-text.component.ts"),__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.component.ts"),__webpack_require__("./libs/ui/src/lib/character-counter/character-counter.directive.ts"),__webpack_require__("./libs/ui/src/lib/modal/modal.component.ts"),__webpack_require__("./libs/ui/src/lib/modal/modal.directive.ts"),__webpack_require__("./libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts"),__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts"),__webpack_require__("./libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts"),__webpack_require__("./node_modules/tslib/tslib.es6.js")),core=__webpack_require__("./node_modules/@angular/core/fesm2020/core.mjs"),BehaviorSubject=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/BehaviorSubject.js"),filter=__webpack_require__("./node_modules/rxjs/dist/esm5/internal/operators/filter.js");let MessageBusService=class MessageBusService{constructor(){this.message=new BehaviorSubject.X({}),this.message$=type=>this.message.pipe((0,filter.h)((msg=>msg.type===type))),this.push=message=>this.message.next(message),this.getLast=()=>this.message.value}};MessageBusService=(0,tslib_es6.gn)([(0,core.Injectable)({providedIn:"root"})],MessageBusService);__webpack_require__("./libs/ui/src/lib/datepicker/datepicker.component.ts"),__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-calendar.component.ts"),__webpack_require__("./libs/ui/src/lib/datepicker/datepicker-label-config.token.ts"),__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice.component.ts"),__webpack_require__("./libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts"),__webpack_require__("./libs/ui/src/lib/form-message/form-message.component.ts"),__webpack_require__("./libs/ui/src/lib/form-message/form-message.directive.ts"),__webpack_require__("./libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts"),__webpack_require__("./libs/ui/src/lib/circle/circle.component.ts");var common=__webpack_require__("./node_modules/@angular/common/fesm2020/common.mjs"),http=__webpack_require__("./node_modules/@angular/common/fesm2020/http.mjs"),ngx_translate_core=__webpack_require__("./node_modules/@ngx-translate/core/fesm2020/ngx-translate-core.mjs"),ngx_translate_http_loader=__webpack_require__("./node_modules/@ngx-translate/http-loader/fesm2020/ngx-translate-http-loader.mjs"),et=__webpack_require__("./node_modules/@angular/common/locales/et.mjs");let StorybookSpacingSpecimenComponent=class StorybookSpacingSpecimenComponent{};StorybookSpacingSpecimenComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-spacing-specimen",template:"",styles:[":host {\n display: flex;\n flex-direction: column;\n gap: var(--cvi-spacing-haapsalu);\n}"]})],StorybookSpacingSpecimenComponent);let StorybookSpacingSpecimenItemComponent=class StorybookSpacingSpecimenItemComponent{};StorybookSpacingSpecimenItemComponent.propDecorators={label:[{type:core.Input}]},StorybookSpacingSpecimenItemComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-spacing-specimen-item",template:'
    \n
    {{ label }}
    \n',styles:['.swatch {\n height: 140px;\n display: flex;\n gap: var(--spacing);\n}\n.swatch::before, .swatch::after {\n content: "";\n background-color: var(--cvi-color-black-coral-16);\n flex: 1 1 0;\n height: 100%;\n}\n.label {\n padding-top: var(--cvi-spacing-paldiski);\n}']})],StorybookSpacingSpecimenItemComponent);let StorybookColorCardsComponent=class StorybookColorCardsComponent{};StorybookColorCardsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-color-cards",template:"",styles:[":host {\n display: flex;\n flex-wrap: wrap;\n gap: var(--cvi-spacing-haapsalu);\n}"]})],StorybookColorCardsComponent);let StorybookColorCardComponent=class StorybookColorCardComponent{};StorybookColorCardComponent.propDecorators={label:[{type:core.Input}]},StorybookColorCardComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-color-card",template:'
    \n
    {{ label }}
    \n',styles:["/* stylelint-disable no-duplicate-selectors */\n:root {\n --cvi-radius-xs: 2px;\n --cvi-radius-s: 4px;\n --cvi-radius-m: 6px;\n --cvi-radius-l: 8px;\n --cvi-radius-pill: 999px;\n}\n:root {\n --cvi-border-width: 2px;\n}\n:root {\n --cvi-shadow-beta-blur: 15px;\n --cvi-shadow-alpha: 0 1px 5px 0 rgba(var(--cvi-color-rgb-black) / 0.15);\n --cvi-shadow-beta: 0 4px var(--cvi-shadow-beta-blur) 0 rgba(var(--cvi-color-rgb-black) / 0.15);\n --cvi-shadow-gamma: 0 0 20px 0 rgba(var(--cvi-color-rgb-sapphire-blue-16) / 0.1);\n --cvi-shadow-delta: inset 1px 0 0 var(--cvi-color-white),\n inset -1px 0 0 var(--cvi-color-white), inset 0 1px 0 var(--cvi-color-white),\n inset 0 -1px 0 var(--cvi-color-white);\n}\n:root {\n --cvi-border-focus: var(--cvi-border-width) solid var(--cvi-color-focus);\n --cvi-shadow-focus: var(--cvi-shadow-delta);\n}\n:root {\n --cvi-form-inline-input-height: 40px;\n --cvi-form-input-border-color: var(--cvi-color-black-coral-5);\n}\n/* stylelint-enable no-duplicate-selectors */\n.swatch {\n aspect-ratio: 1;\n border-radius: var(--cvi-radius-s);\n height: 140px;\n background-color: var(--color);\n}\n.label {\n padding-top: var(--cvi-spacing-paldiski);\n}"]})],StorybookColorCardComponent);let StorybookIconCardsComponent=class StorybookIconCardsComponent{};StorybookIconCardsComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-icon-cards",template:"",styles:[":host {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n grid-auto-rows: minmax(100px, 1fr);\n align-items: center;\n justify-items: center;\n gap: var(--cvi-spacing-haapsalu);\n}"]})],StorybookIconCardsComponent);let StorybookIconCardComponent=class StorybookIconCardComponent{};StorybookIconCardComponent.propDecorators={label:[{type:core.Input}]},StorybookIconCardComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-icon-card",template:'
    \n
    {{ label }}
    \n',styles:[":host {\n text-align: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n align-items: center;\n justify-items: center;\n flex-grow: 1;\n}\n\n.icon {\n width: 100%;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n}"]})],StorybookIconCardComponent);let StorybookTypeTesterComponent=class StorybookTypeTesterComponent{constructor(){this.size="100"}get getHostClasses(){return`--size-${this.size}`}};StorybookTypeTesterComponent.propDecorators={size:[{type:core.Input}],getHostClasses:[{type:core.HostBinding,args:["class"]}]},StorybookTypeTesterComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-type-tester",template:"",styles:["/* stylelint-disable-next-line value-keyword-case */\n:root {\n --cvi-font-family-base: $cvi-font-family-base;\n --cvi-font-size-50: 10px;\n --cvi-font-size-70: 12px;\n --cvi-font-size-75: 13px;\n --cvi-font-size-80: 14px;\n --cvi-font-size-100: 16px;\n --cvi-font-size-200: 18px;\n --cvi-font-size-220: 20px;\n --cvi-font-size-250: 24px;\n --cvi-font-size-300: 28px;\n --cvi-font-size-350: 32px;\n --cvi-font-size-400: 36px;\n --cvi-font-size-500: 48px;\n --cvi-line-height-100: 1;\n --cvi-line-height-500: 1.5;\n --cvi-font-weight-alpha: 300;\n --cvi-font-weight-beta: 400;\n --cvi-font-weight-gamma: 500;\n --cvi-font-weight-delta: 700;\n}\n/* stylelint-disable-next-line value-keyword-case */\n:root {\n --cvi-font-family-base: $cvi-font-family-base;\n --cvi-font-size-50: 10px;\n --cvi-font-size-70: 12px;\n --cvi-font-size-75: 13px;\n --cvi-font-size-80: 14px;\n --cvi-font-size-100: 16px;\n --cvi-font-size-200: 18px;\n --cvi-font-size-220: 20px;\n --cvi-font-size-250: 24px;\n --cvi-font-size-300: 28px;\n --cvi-font-size-350: 32px;\n --cvi-font-size-400: 36px;\n --cvi-font-size-500: 48px;\n --cvi-line-height-100: 1;\n --cvi-line-height-500: 1.5;\n --cvi-font-weight-alpha: 300;\n --cvi-font-weight-beta: 400;\n --cvi-font-weight-gamma: 500;\n --cvi-font-weight-delta: 700;\n}\n:host {\n display: block;\n margin-block: 1em;\n line-height: 1.2;\n}\n:host(.--size-50) {\n font-size: var(--cvi-font-size-50);\n}\n:host(.--size-70) {\n font-size: var(--cvi-font-size-70);\n}\n:host(.--size-75) {\n font-size: var(--cvi-font-size-75);\n}\n:host(.--size-80) {\n font-size: var(--cvi-font-size-80);\n}\n:host(.--size-100) {\n font-size: var(--cvi-font-size-100);\n}\n:host(.--size-200) {\n font-size: var(--cvi-font-size-200);\n}\n:host(.--size-220) {\n font-size: var(--cvi-font-size-220);\n}\n:host(.--size-250) {\n font-size: var(--cvi-font-size-250);\n}\n:host(.--size-300) {\n font-size: var(--cvi-font-size-300);\n}\n:host(.--size-350) {\n font-size: var(--cvi-font-size-350);\n}\n:host(.--size-400) {\n font-size: var(--cvi-font-size-400);\n}\n:host(.--size-500) {\n font-size: var(--cvi-font-size-500);\n}"]})],StorybookTypeTesterComponent);let StorybookNoteComponent=class StorybookNoteComponent{};StorybookNoteComponent=(0,tslib_es6.gn)([(0,core.Component)({selector:"cvi-ng-storybook-note",template:'
    \n \n
    \n',styles:["/* stylelint-disable-next-line value-keyword-case */\n:root {\n --cvi-font-family-base: $cvi-font-family-base;\n --cvi-font-size-50: 10px;\n --cvi-font-size-70: 12px;\n --cvi-font-size-75: 13px;\n --cvi-font-size-80: 14px;\n --cvi-font-size-100: 16px;\n --cvi-font-size-200: 18px;\n --cvi-font-size-220: 20px;\n --cvi-font-size-250: 24px;\n --cvi-font-size-300: 28px;\n --cvi-font-size-350: 32px;\n --cvi-font-size-400: 36px;\n --cvi-font-size-500: 48px;\n --cvi-line-height-100: 1;\n --cvi-line-height-500: 1.5;\n --cvi-font-weight-alpha: 300;\n --cvi-font-weight-beta: 400;\n --cvi-font-weight-gamma: 500;\n --cvi-font-weight-delta: 700;\n}\n:host {\n display: block;\n background-color: var(--cvi-color-black-coral-1);\n border: 1px solid var(--cvi-color-black-coral-2);\n margin-inline: 10%;\n border-radius: var(--cvi-radius-m);\n padding: var(--cvi-spacing-paldiski);\n margin-bottom: var(--cvi-spacing-viljandi);\n}\n.content {\n display: block;\n color: var(--cvi-color-black-coral-18);\n font-size: var(--cvi-font-size-80);\n line-height: var(--cvi-line-height-500);\n}"]})],StorybookNoteComponent);const storybookRandomParagraphs=["As soon as the sea swallows the earth, two brothers shall bring a rise of faith.","It shall be then, when the ground shifts, a suspicious malfunction shall cause an age of misfortune and the downfall of an empire.","When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.","It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.","It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.","It shall be on the day that steel turns to rust, two enemies shall cause the toppling of leaders and the beginning of a better future.","The day the rain returns, a victory shall mark an end to hunger and the end of wealth.","When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.","As soon as the sun turns dark, a sudden death shall cause a generation of health and an age of misfortune.","The day fire burns blue, the prophet shall cause an age of anarchy.","When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.","When the moment comes that one becomes many and many becomes one, a man clad in green shall bring forth the dawn of evil and a time of peace.","There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.","When the day comes that the sky falls, a forced marriage shall bring forth an age of anarchy.","Upon the day all is celebrated, a refusal shall cause the rise of education.","The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.","The day temptation is too strong, the foreign one shall bring forth an age of misfortune and the end of history.","It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.","When the moment comes that the dead rise, the accused shall cause an age of lawlessness.","There comes a day when prey kills predator, the young one shall usher forth a strengthening of bonds and new aggressions.","When the sky turns red, a marriage shall usher forth the end of history.","Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.","It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.","Once the sky is thick with water, a forbidden relationship shall cause the downfall of two kingdoms.","The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.","Upon the day the rivers turn green, the stranger shall mark a shift in power.","When the day comes that temptation is too strong, the guilty shall mark an age of justice and the dawn of men.","As soon as the day is shortest, a sudden death shall cause a country's new rise and an age of bliss.","By profession he was a dealer in animals, birds, and snakes. He had a fancier's shop in Groome street, in the heart of the Bowery. This was on the ground-floor. His living abode was in the upper story of that house, and it was there that he kept the twenty-three cats whose necks were adorned with leather collars, and whose numbers had so recently been reduced to twenty-two. But it was not the fact that he possessed twenty-three cats with leather collars that made Mr. Jarvis a celebrity.","Billy's first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.",'"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson," he added, as they walked out, "that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision."','A waiter made an ingratiating gesture towards the basket, but the young man stopped him. "Not on your life, sonny," he said. "This stays right here." He placed it carefully on the floor beside his chair, and proceeded to order dinner.',"\"Too decorous, Comrade Jackson. I came over here principally, it is true, to be at your side, should you be in any way persecuted by scoundrels. But at the same time I confess that at the back of my mind there lurked a hope that stirring adventures might come my way. I had heard so much of the place. Report had it that an earnest seeker after amusement might have a tolerably spacious rag in this modern Byzantium. I thought that a few weeks here might restore that keen edge to my nervous system which the languor of the past term had in a measure blunted. I wished my visit to be a tonic rather than a sedative. I anticipated that on my return the cry would go round Cambridge, 'Psmith has been to New York. He is full of oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff. Rah!' But what do we find?\"","Billy Windsor had started life twenty-five years before this story opens on his father's ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter's post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor's way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.","By the time that Pugsy returned, carrying a five-cent bottle of milk, the animal had vacated the book-shelf, and was sitting on the table, washing her face. The milk having been poured into the lid of a tobacco-tin, in lieu of a saucer, she suspended her operations and adjourned for refreshments. Billy, business being business, turned again to Luella Granville Waterman, but Pugsy, having no immediate duties on hand, concentrated himself on the cat.","This Pokemon is a ground-type Pokemon and looks a lot like a rhinoceros. It has thick legs, a tusked mouth and broken ears. They're generally shy by nature and can often be found in mountainous areas. If you're out looking for them they can often be seen hidden away and on their own. It tends to attack with Spikes and Mud Bomb. It has evolved twice, but can still evolve once more.","This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They're generally threatening by nature and can often be found in labyrinths. If you're out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn't evolved yet, but could do so twice.","This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has stubby fins, pure white scales and a cavernous mouth. They're generally energetic by nature and can often be found during a blizzard. If you're out looking for them they can often be seen among many other kinds of Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.","This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They're generally fearful by nature and can often be found near graveyards. If you're out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn't evolved yet and there are no known evolutions.","This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They're generally playful by nature and can often be found in winter. If you're out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn't evolved yet and there are no known evolutions.","This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They're generally timid by nature and can often be found near sanctuaries. If you're out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn't evolved yet, but could do so once."];var _a,_b;let StorybookRandomParagraphsDirective=class StorybookRandomParagraphsDirective{constructor(el,renderer){this.el=el,this.renderer=renderer,this.minParagraphs=5,this.chromaticIgnoreAttr="ignore",this.maxParagraphs=20}ngAfterViewInit(){const randomParagraphsCount=Math.floor(Math.random()*(this.maxParagraphs-this.minParagraphs)+this.minParagraphs);let text="";for(let index=0;index${storybookRandomParagraphs[Math.floor(Math.random()*storybookRandomParagraphs.length)]}

    `}};var storybook_current_component_directive_a,storybook_current_component_directive_b;StorybookRandomParagraphsDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}],StorybookRandomParagraphsDirective.propDecorators={minParagraphs:[{type:core.Input,args:["cviNgStorybookRandomParagraphs"]}],chromaticIgnoreAttr:[{type:core.HostBinding,args:["attr.data-chromatic"]}]},StorybookRandomParagraphsDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cviNgStorybookRandomParagraphs]"}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(_a=void 0!==core.ElementRef&&core.ElementRef)?_a:Object,"function"==typeof(_b=void 0!==core.Renderer2&&core.Renderer2)?_b:Object])],StorybookRandomParagraphsDirective);let StorybookCurrentComponentDirective=class StorybookCurrentComponentDirective{constructor(el,renderer){this.el=el,this.renderer=renderer,this.baseClass="u-storybook-current-component"}ngAfterViewInit(){this.renderer.addClass(this.el.nativeElement,this.baseClass),this.renderer.addClass(this.el.nativeElement,`${this.baseClass}--type-${this.type?this.type:"cover"}`)}};var storybook_input_directive_a,storybook_input_directive_b;StorybookCurrentComponentDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}],StorybookCurrentComponentDirective.propDecorators={type:[{type:core.Input,args:["cviNgStorybookCurrentComponent"]}]},StorybookCurrentComponentDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cviNgStorybookCurrentComponent]"}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(storybook_current_component_directive_a=void 0!==core.ElementRef&&core.ElementRef)?storybook_current_component_directive_a:Object,"function"==typeof(storybook_current_component_directive_b=void 0!==core.Renderer2&&core.Renderer2)?storybook_current_component_directive_b:Object])],StorybookCurrentComponentDirective);let StorybookInputDirective=class StorybookInputDirective{constructor(el,renderer){this.el=el,this.renderer=renderer,this.baseClass="u-storybook-input"}ngAfterViewInit(){this.renderer.addClass(this.el.nativeElement,this.baseClass)}};StorybookInputDirective.ctorParameters=()=>[{type:core.ElementRef},{type:core.Renderer2}],StorybookInputDirective=(0,tslib_es6.gn)([(0,core.Directive)({selector:"[cviNgStorybookInput]"}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(storybook_input_directive_a=void 0!==core.ElementRef&&core.ElementRef)?storybook_input_directive_a:Object,"function"==typeof(storybook_input_directive_b=void 0!==core.Renderer2&&core.Renderer2)?storybook_input_directive_b:Object])],StorybookInputDirective);var storybook_module_a,storybook_module_b,animations=__webpack_require__("./node_modules/@angular/platform-browser/fesm2020/animations.mjs"),storybook_icons=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts");(0,common.qS)(et.Z);const components=[StorybookColorCardsComponent,StorybookColorCardComponent,StorybookIconCardsComponent,StorybookIconCardComponent,StorybookTypeTesterComponent,StorybookNoteComponent,StorybookSpacingSpecimenComponent,StorybookSpacingSpecimenItemComponent,StorybookRandomParagraphsDirective,StorybookCurrentComponentDirective,StorybookInputDirective];let StorybookModule=class StorybookModule{constructor(registry,translate){this.registry=registry,this.registry.registerIcons(storybook_icons.X),translate.setDefaultLang("et"),translate.use("et")}};StorybookModule.ctorParameters=()=>[{type:icons_registry_service.Z},{type:ngx_translate_core.sK}],StorybookModule=(0,tslib_es6.gn)([(0,core.NgModule)({imports:[animations.PW,http.JF,common.ez,ngx_translate_core.aw.forRoot({loader:{provide:ngx_translate_core.Zw,useFactory:function HttpLoaderFactory(http){return new ngx_translate_http_loader.w(http,"i18n/",".json")},deps:[http.eN]}})],declarations:[...components],exports:[...components,ngx_translate_core.aw],providers:[{provide:core.LOCALE_ID,useValue:"et"}]}),(0,tslib_es6.w6)("design:paramtypes",["function"==typeof(storybook_module_a=void 0!==icons_registry_service.Z&&icons_registry_service.Z)?storybook_module_a:Object,"function"==typeof(storybook_module_b=void 0!==ngx_translate_core.sK&&ngx_translate_core.sK)?storybook_module_b:Object])],StorybookModule);const documentation_namespaceObject=JSON.parse('{"pipes":[{"name":"FormMessageSeverityToHeaderIconPipe","id":"pipe-FormMessageSeverityToHeaderIconPipe-18559529edb779b764feb5c07bacef88224f45b45b54b0723125c0c89d992ff82b7243ef6e3c0bd90b47810ef4fc44dfc9d0931c1309fdf3b9cb264080af2d57","file":"libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"severity","type":"FormMessageSeverity","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"severity","type":"FormMessageSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"FormMessageSeverityToHeaderIcon","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { FormMessageSeverity } from \'./form-message\';\\n\\n@Pipe({\\n name: \'FormMessageSeverityToHeaderIcon\',\\n})\\nexport class FormMessageSeverityToHeaderIconPipe implements PipeTransform {\\n transform(severity: FormMessageSeverity): CviIconName | undefined {\\n if (severity === \'warning\') {\\n return \'warning_amber\';\\n }\\n return severity === \'error\' ? \'error_outline\' : undefined;\\n }\\n}\\n"},{"name":"NotificationSeverityToHeaderIconPipe","id":"pipe-NotificationSeverityToHeaderIconPipe-daa044e800fabac1e206a94e11a4c20cef1361861b88880591858c810b0a254459a91ddafb5a90f7199ac82685cabf45524ffdca4892f950b2c3f1d688e0e771","file":"libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"severity","type":"NotificationSeverity","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"severity","type":"NotificationSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toHeaderIcon","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { NotificationSeverity } from \'./notification\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Pipe({\\n name: \'toHeaderIcon\',\\n})\\nexport class NotificationSeverityToHeaderIconPipe implements PipeTransform {\\n transform(severity: NotificationSeverity): CviIconName | undefined {\\n if (severity === \'success\') {\\n return \'check_circle_outline\';\\n }\\n if (severity === \'warning\') {\\n return \'warning_amber\';\\n }\\n if (severity === \'error\') {\\n return \'error_outline\';\\n }\\n return severity === \'info\' ? \'info\' : undefined;\\n }\\n}\\n"},{"name":"SafeHtmlPipe","id":"pipe-SafeHtmlPipe-aad60fa8f99d9367907c905027510e274e832fbc19ecb6c62d2135cbea40169f0390afdd1c89f69b4cc8a59c2452700c76030a6449572f9d8e73bf7bb828343e","file":"libs/ui/src/lib/html-section/safe-html-pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"sanitize","args":[{"name":"dirty","type":"string","deprecated":false,"deprecationMessage":""},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":""},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"string","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"dirty","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"transform","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":""},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":11,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedTags","type":"string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"allowedAttributes","type":"Record","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"safeHtml","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { DomSanitizer } from \'@angular/platform-browser\';\\nimport sanitizeHtml, { AllowedAttribute, Attributes } from \'sanitize-html\';\\n\\n@Pipe({\\n name: \'safeHtml\',\\n})\\nexport class SafeHtmlPipe implements PipeTransform {\\n constructor(private readonly sanitizer: DomSanitizer) {}\\n\\n transform(\\n value: string,\\n allowedTags: string[],\\n allowedAttributes: Record\\n ): string {\\n const sanitizedHtml = this.sanitize(\\n value ? value : \'\',\\n allowedTags,\\n allowedAttributes\\n );\\n return this.sanitizer.bypassSecurityTrustHtml(sanitizedHtml) as string;\\n }\\n\\n private sanitize(\\n dirty: string,\\n allowedTags: string[],\\n allowedAttributes?: Record\\n ): string {\\n return sanitizeHtml(dirty, {\\n allowedTags: sanitizeHtml?.defaults?.allowedTags?.concat(allowedTags),\\n allowedAttributes: {\\n ...sanitizeHtml?.defaults?.allowedAttributes,\\n \'*\': [\'class\'],\\n ...allowedAttributes,\\n },\\n });\\n }\\n}\\n"},{"name":"TimedNoticeSeverityToIconPipe","id":"pipe-TimedNoticeSeverityToIconPipe-524791e7ae6afe03f7136a9007b8b2905e142da6a7b9179039990f6388ae0c049452df5a5702258aad7aa7efdf37e52f27db9aecd00e0886112de06b0f6e9d73","file":"libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"severity","type":"TimedNoticeSeverity","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"severity","type":"TimedNoticeSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toHeaderIcon","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { TimedNoticeSeverity } from \'./timed-notice\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Pipe({\\n name: \'toHeaderIcon\',\\n})\\nexport class TimedNoticeSeverityToIconPipe implements PipeTransform {\\n transform(severity: TimedNoticeSeverity): CviIconName | undefined {\\n if (severity === \'success\') {\\n return \'check\';\\n }\\n if (severity === \'error\') {\\n return \'priority_high\';\\n }\\n return severity === \'info\' ? \'calendar\' : undefined;\\n }\\n}\\n"},{"name":"ToStepCircleIconNamePipe","id":"pipe-ToStepCircleIconNamePipe-df08b562bf524c528e527bb8b4bf7a524e3218f1c4555ce022e882b72fa8b5a0c7bb3871d98416a44ceb9c67721cb3872dcd153e3708538f18633f2300930ebf","file":"libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":8,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toStepCircleIconName","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Pipe({\\n name: \'toStepCircleIconName\',\\n})\\nexport class ToStepCircleIconNamePipe implements PipeTransform {\\n transform(value: \'error\' | \'success\' | null): CviIconName | undefined {\\n switch (value) {\\n case \'success\':\\n return \'check\';\\n case \'error\':\\n return \'close\';\\n default:\\n return undefined;\\n }\\n }\\n}\\n"},{"name":"ToStepCircleSeverityPipe","id":"pipe-ToStepCircleSeverityPipe-f21ed93dddf980ad954b577264b464f68e31b35361101ade525008273eff021f25acf8ab36d48051ba07684fa8e9b6e809708235138accac599bd5dbe647ee02","file":"libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts","type":"pipe","deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","properties":[],"methods":[{"name":"transform","args":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"CircleSeverity","typeParameters":[],"line":8,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"\\"error\\" | \\"success\\" | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"ngname":"toStepCircleSeverity","sourceCode":"import { Pipe, PipeTransform } from \'@angular/core\';\\nimport { CircleSeverity } from \'../../circle/circle\';\\n\\n@Pipe({\\n name: \'toStepCircleSeverity\',\\n})\\nexport class ToStepCircleSeverityPipe implements PipeTransform {\\n transform(value: \'error\' | \'success\' | null): CircleSeverity {\\n switch (value) {\\n case \'success\':\\n return \'success\';\\n case \'error\':\\n return \'error\';\\n default:\\n return \'none\';\\n }\\n }\\n}\\n"}],"interfaces":[{"name":"ActiveToast","id":"interface-ActiveToast-7c7358fddcbd23beffc15d944afcbe75bd6fe1a6ef937a8599f10e4f11a7bf4ab94ba0c313b6a299778ebe6f94684aa4546e787d01083ed2fcdc98652ada6248","file":"libs/ui/src/lib/toast/toast.service.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import {\\n ApplicationRef,\\n ComponentRef,\\n createComponent,\\n EmbeddedViewRef,\\n Inject,\\n Injectable,\\n Injector,\\n} from \'@angular/core\';\\nimport { Overlay } from \'./overlay\';\\nimport { ToastComponent } from \'./toast.component\';\\nimport {\\n TOAST_CONFIG,\\n ToastConfig,\\n ToastPackage,\\n ToastToken,\\n} from \'./toast-config\';\\n\\nexport interface ActiveToast {\\n id: number;\\n title: string;\\n message: string;\\n componentRef: ComponentRef;\\n}\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class ToastService {\\n private readonly toastConfig: ToastConfig;\\n private readonly toasts: ActiveToast[] = [];\\n private nextUniqueId = 0;\\n\\n constructor(\\n @Inject(TOAST_CONFIG) token: ToastToken,\\n private readonly overlay: Overlay,\\n private readonly injector: Injector,\\n private readonly appRef: ApplicationRef\\n ) {\\n this.toastConfig = {\\n ...token.default,\\n ...token.config,\\n };\\n }\\n\\n success(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.success;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n info(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.info;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n warning(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.warning;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n error(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.error;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n private buildAndDisplayNotification(\\n toastType: string,\\n title?: string,\\n message?: string\\n ): ActiveToast {\\n const toastPackage = new ToastPackage(\\n this.nextUniqueId++,\\n this.toastConfig,\\n toastType,\\n title,\\n message\\n );\\n\\n const toastInjector = Injector.create({\\n providers: [{ provide: ToastPackage, useValue: toastPackage }],\\n parent: this.injector,\\n });\\n const toastComponentRef = createComponent(ToastComponent, {\\n environmentInjector: this.appRef.injector,\\n elementInjector: toastInjector,\\n });\\n\\n const toast: ActiveToast = {\\n id: toastPackage.id,\\n title: title || \'\',\\n message: message || \'\',\\n componentRef: toastComponentRef,\\n };\\n\\n this.toasts.push(toast);\\n\\n const toastContainerRef = this.overlay.getContainerElement();\\n const containerElement: Element = toastContainerRef.location.nativeElement;\\n\\n containerElement.insertBefore(\\n this.getComponentRootNode(toastComponentRef),\\n containerElement.firstChild\\n );\\n this.appRef.attachView(toastComponentRef.hostView);\\n\\n return toast;\\n }\\n\\n remove(toastId: number) {\\n const toastIndex = this.findToast(toastId);\\n\\n if (toastIndex === -1) {\\n return;\\n }\\n\\n const removedToast = this.toasts.splice(toastIndex, 1)[0];\\n removedToast.componentRef.destroy();\\n }\\n\\n private findToast(id: number): number {\\n return this.toasts.findIndex((toast) => toast.id === id);\\n }\\n\\n private getComponentRootNode(componentRef: ComponentRef): HTMLElement {\\n return (componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0] as HTMLElement;\\n }\\n}\\n","properties":[{"name":"componentRef","deprecated":false,"deprecationMessage":"","type":"ComponentRef","optional":false,"description":"","line":23},{"name":"id","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":20},{"name":"message","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":22},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":21}],"indexSignatures":[],"kind":165,"methods":[],"readme":"

    General description

    \\n

    ToastService is an injectable service and can be used to show success, info, warning\\nand error toasts.

    \\n

    Where to use

    \\n

    Can be used everywhere you need to show toasts. \\nJust inject the ToastService into your component or service and\\ncall the adequate method to show toasts on the top right side of the screen.

    \\n"},{"name":"Box","id":"interface-Box-2b2a54ce2ce3c83fa721499240eea8be5b542448b1822fd3576807961546d9f08cd6c295018ddba0abea5f28271b02c3fefa6bb302136ea6056f17ae39ce3672","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface Box {\\n id: string;\\n label: string;\\n color: string;\\n borderStyle?: \'none\' | \'dotted\' | \'solid\';\\n borderColor?: string;\\n targets?: string[];\\n href?: string;\\n width?: number;\\n height?: number;\\n x?: number;\\n y?: number;\\n x0?: number;\\n y0?: number;\\n}\\n","properties":[{"name":"borderColor","deprecated":false,"deprecationMessage":"","type":"string","optional":true,"description":"","line":6},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","type":"\\"none\\" | \\"dotted\\" | \\"solid\\"","optional":true,"description":"","line":5},{"name":"color","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":4},{"name":"height","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":10},{"name":"href","deprecated":false,"deprecationMessage":"","type":"string","optional":true,"description":"","line":8},{"name":"id","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":2},{"name":"label","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":3},{"name":"targets","deprecated":false,"deprecationMessage":"","type":"string[]","optional":true,"description":"","line":7},{"name":"width","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":9},{"name":"x","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":11},{"name":"x0","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":13},{"name":"y","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":12},{"name":"y0","deprecated":false,"deprecationMessage":"","type":"number","optional":true,"description":"","line":14}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"BoxNode","id":"interface-BoxNode-0cb11d7fb8af74e57bdf5339186745346a465e2e0428c1300d6a29915e90ccfc893cfd067d52ab3b2b31d19a4f7091b9a4f97677b4d5fd55f9e16bdeefb7590a","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box-node.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { Box } from \'./box\';\\n\\nexport interface BoxNode {\\n data: Box;\\n children?: BoxNode[];\\n parent?: BoxNode;\\n}\\n","properties":[{"name":"children","deprecated":false,"deprecationMessage":"","type":"BoxNode[]","optional":true,"description":"","line":5},{"name":"data","deprecated":false,"deprecationMessage":"","type":"Box","optional":false,"description":"","line":4},{"name":"parent","deprecated":false,"deprecationMessage":"","type":"BoxNode","optional":true,"description":"","line":6}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"Chainable","id":"interface-Chainable-cb612385d81b07be0aad52bfcb00cbe7bc4da71bb724b45a152d9ab4e7d4b2760a0b20ca8bca793febb910c5eecfd0756929a822af47a6ff4c538299ea673b8c","file":"apps/react-sandbox-e2e/src/support/commands.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"declare namespace Cypress {\\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\\n interface Chainable {\\n login(email: string, password: string): void;\\n }\\n}\\n//\\n// -- This is a parent command --\\nCypress.Commands.add(\'login\', (email, password) => {\\n console.log(\'Custom command example: Login\', email, password);\\n});\\n//\\n// -- This is a child command --\\n// Cypress.Commands.add(\\"drag\\", { prevSubject: \'element\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This is a dual command --\\n// Cypress.Commands.add(\\"dismiss\\", { prevSubject: \'optional\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This will overwrite an existing command --\\n// Cypress.Commands.overwrite(\\"visit\\", (originalFn, url, options) => { ... })\\n","properties":[],"indexSignatures":[],"kind":167,"methods":[{"name":"login","args":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":""},{"name":"password","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":15,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"password","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}]},{"name":"Chainable","id":"interface-Chainable-cb612385d81b07be0aad52bfcb00cbe7bc4da71bb724b45a152d9ab4e7d4b2760a0b20ca8bca793febb910c5eecfd0756929a822af47a6ff4c538299ea673b8c-1","file":"apps/ria-e2e/src/support/commands.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"declare namespace Cypress {\\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\\n interface Chainable {\\n login(email: string, password: string): void;\\n }\\n}\\n//\\n// -- This is a parent command --\\nCypress.Commands.add(\'login\', (email, password) => {\\n console.log(\'Custom command example: Login\', email, password);\\n});\\n//\\n// -- This is a child command --\\n// Cypress.Commands.add(\\"drag\\", { prevSubject: \'element\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This is a dual command --\\n// Cypress.Commands.add(\\"dismiss\\", { prevSubject: \'optional\'}, (subject, options) => { ... })\\n//\\n//\\n// -- This will overwrite an existing command --\\n// Cypress.Commands.overwrite(\\"visit\\", (originalFn, url, options) => { ... })\\n","properties":[],"indexSignatures":[],"kind":167,"methods":[{"name":"login","args":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":""},{"name":"password","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":15,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"email","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"password","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"isDuplicate":true,"duplicateId":1,"duplicateName":"Chainable-1"},{"name":"Chainable","id":"interface-Chainable-881aa0e21e68a10dac6e00694d5374633814d73621a72fbc0f6227a7ec83a76c8b262205d9663ab8cf88232f989847ac371726a392275ee75ad4c4b90278b566-2","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import {\\n ButtonAppearance,\\n ButtonSize,\\n NotificationSeverity,\\n NotificationSize,\\n RadioGroupAppearance,\\n LabeledIconPosition,\\n LabeledIconVerticalAlignment,\\n} from \'@egov/cvi-ng\';\\n\\ntype AttrNameValuePair = { name: string; value: string | number };\\n\\ntype Device = \'desktop\' | \'tablet\' | \'mobile\';\\n\\ndeclare global {\\n // eslint-disable-next-line @typescript-eslint/no-namespace\\n namespace Cypress {\\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\\n interface Chainable {\\n shouldBeVisible(element: string): Cypress.Chainable;\\n\\n shouldNotBeVisible(element: string): Cypress.Chainable;\\n\\n shouldNotBeVisibleA11y(element: string): Cypress.Chainable;\\n\\n shouldBeVisibleA11y(element: string): Cypress.Chainable;\\n\\n shouldExist(element: string | string[]): Cypress.Chainable;\\n\\n shouldNotExist(element: string): Cypress.Chainable;\\n\\n shouldHaveClasses(\\n element: string,\\n className: string | string[]\\n ): Cypress.Chainable;\\n\\n shouldNotHaveClasses(\\n element: string,\\n className: string | string[]\\n ): Cypress.Chainable;\\n\\n shouldHaveCSSVar(\\n element: string,\\n cssVarName: string,\\n cssVarValue: string\\n ): Cypress.Chainable;\\n\\n shouldBeFirstChild(firstElement: string): Cypress.Chainable;\\n\\n shouldBeLastChild(lastElement: string): Cypress.Chainable;\\n\\n shouldBeOnlyChild(lastElement: string): Cypress.Chainable;\\n\\n shouldHaveBefore(element: string, prevElement: string): Cypress.Chainable;\\n\\n shouldHaveAfter(element: string, nextElement: string): Cypress.Chainable;\\n\\n shouldHaveAttributes(\\n element: string,\\n attrNameValuePair: AttrNameValuePair | AttrNameValuePair[]\\n ): Cypress.Chainable;\\n\\n shouldHaveStyle(\\n element: string,\\n attrNameValuePair: AttrNameValuePair | AttrNameValuePair[]\\n ): Cypress.Chainable;\\n\\n setDevice(device: Device): void;\\n\\n storyAction(actionName: string): void;\\n\\n runStepsCommonTest(): void;\\n\\n runNotificationCommonTest(\\n type: NotificationSeverity,\\n size: NotificationSize,\\n showIcon: boolean,\\n showCloseButton: boolean,\\n iconName: string\\n ): void;\\n\\n runLabeledIconCommonTest(\\n alignment: LabeledIconVerticalAlignment,\\n iconPosition: LabeledIconPosition\\n ): void;\\n\\n runButtonCommonTest(appearance: ButtonAppearance, size: ButtonSize): void;\\n\\n runRadioGroupCommonTest(\\n appearance: RadioGroupAppearance\\n ): Cypress.Chainable;\\n\\n reorderableListItemShouldHaveOrderNr(orderNr: number);\\n\\n reorderableListItemShouldHaveName(\\n orderNr: number,\\n name: string\\n ): Cypress.Chainable;\\n }\\n }\\n}\\n\\nCypress.Commands.add(\'shouldBeVisible\', (element) => {\\n cy.get(element).should(\'be.visible\');\\n});\\n\\nCypress.Commands.add(\'shouldNotBeVisible\', (element) => {\\n cy.get(element).should(\'not.be.visible\');\\n});\\n\\n// cvi-screenreader-text class or mixin applied\\nCypress.Commands.add(\'shouldNotBeVisibleA11y\', (element) => {\\n cy.get(element).should(\'have.css\', \'clip\', \'rect(0px, 0px, 0px, 0px)\');\\n});\\n\\nCypress.Commands.add(\'shouldBeVisibleA11y\', (element) => {\\n cy.get(element).should(\'not.have.css\', \'clip\', \'rect(0px, 0px, 0px, 0px)\');\\n});\\n\\nCypress.Commands.add(\'shouldExist\', (element) => {\\n [].concat(element || []).forEach((value) => cy.get(value).should(\'exist\'));\\n});\\n\\nCypress.Commands.add(\'shouldNotExist\', (element) => {\\n cy.get(element).should(\'not.exist\');\\n});\\n\\nCypress.Commands.add(\'shouldHaveClasses\', (element, className) => {\\n cy.get(element);\\n\\n [].concat(className || []).forEach((value) => cy.should(\'have.class\', value));\\n});\\n\\nCypress.Commands.add(\'shouldNotHaveClasses\', (element, className) => {\\n cy.get(element);\\n\\n []\\n .concat(className || [])\\n .forEach((value) => cy.should(\'not.have.class\', value));\\n});\\n\\nCypress.Commands.add(\'shouldHaveAttributes\', (element, attrNameValuePair) => {\\n cy.get(element);\\n\\n []\\n .concat(attrNameValuePair || [])\\n .forEach((value) => cy.should(\'have.attr\', value.name, value.value));\\n});\\n\\nCypress.Commands.add(\\n \'shouldHaveCSSVar\',\\n (element: string, cssVarName: string, cssVarValue: string) => {\\n cy.window().then((win) => {\\n cy.get(element).should(($el) => {\\n const customProp = win\\n .getComputedStyle($el[0])\\n .getPropertyValue(cssVarName)\\n .trim();\\n expect(customProp).to.equal(cssVarValue);\\n });\\n });\\n }\\n);\\n\\nCypress.Commands.add(\'shouldBeFirstChild\', (firstElement: string) => {\\n cy.get(firstElement).should(($el) => {\\n expect($el.is(\':first-child\')).to.be.true;\\n });\\n});\\n\\nCypress.Commands.add(\'shouldBeLastChild\', (lastElement: string) => {\\n cy.get(lastElement).should(($el) => {\\n expect($el.is(\':last-child\')).to.be.true;\\n });\\n});\\n\\nCypress.Commands.add(\'shouldBeOnlyChild\', (lastElement: string) => {\\n cy.get(lastElement).should(($el) => {\\n expect($el.is(\':only-child\')).to.be.true;\\n });\\n});\\n\\nCypress.Commands.add(\\n \'shouldHaveBefore\',\\n (element: string, prevElement: string) => {\\n cy.get(element).should(($el) => {\\n expect($el.prev(prevElement)).to.have.length(1);\\n });\\n }\\n);\\n\\nCypress.Commands.add(\\n \'shouldHaveAfter\',\\n (element: string, nextElement: string) => {\\n cy.get(element).should(($el) => {\\n expect($el.next(nextElement)).to.have.length(1);\\n });\\n }\\n);\\n\\nCypress.Commands.add(\'shouldHaveStyle\', (element, attrNameValuePair) => {\\n cy.get(element);\\n\\n []\\n .concat(attrNameValuePair || [])\\n .forEach((value) => cy.should(\'have.css\', value.name, value.value));\\n});\\n\\nCypress.Commands.add(\'setDevice\', (device = \'desktop\') => {\\n if (device === \'tablet\') {\\n cy.viewport(\'ipad-2\');\\n } else if (device === \'mobile\') {\\n cy.viewport(\'iphone-xr\');\\n } else {\\n cy.viewport(1000, 660);\\n }\\n});\\n\\nCypress.Commands.add(\'storyAction\', (actionName) => {\\n cy.document().then((doc) => {\\n const stub = cy.stub().as(actionName);\\n doc.addEventListener(actionName, (e: CustomEvent) => stub(e.detail));\\n });\\n});\\n\\nCypress.Commands.add(\'runStepsCommonTest\', () => {\\n cy.shouldNotBeVisible(\'[data-cy=\\"step_1\\"]\')\\n .shouldNotHaveClasses(\'[data-cy=\\"cvi-steps__list-item_0\\"]\', [\\n \'is-past\',\\n \'is-current\',\\n ])\\n .click()\\n .shouldHaveClasses(\'[data-cy=\\"cvi-steps__list-item_0\\"]\', [\\n \'is-past\',\\n \'is-current\',\\n ])\\n .shouldBeVisible(\'[data-cy=\\"step_1\\"]\')\\n .shouldNotExist(\'[data-cy=\\"previous_step_button_0\\"]\')\\n .shouldExist(\'[data-cy=\\"next_step_button_0\\"]\');\\n});\\n\\nCypress.Commands.add(\\n \'runNotificationCommonTest\',\\n (\\n type = \'info\',\\n size = \'regular\',\\n showIcon = false,\\n showCloseButton = true,\\n iconName = \'\'\\n ) => {\\n cy.get(\'cvi-ng-notification\').within(() => {\\n cy.shouldHaveClasses(\'[data-cy=\\"notification\\"]\', [\\n \'cvi-notification\',\\n `cvi-notification--severity-${type}`,\\n `cvi-notification--size-${size}`,\\n ]);\\n\\n if (showCloseButton) {\\n cy.get(\'[data-cy=\\"notification\\"]\').within(() => {\\n cy.shouldHaveClasses(\'button\', \'cvi-notification__close-button\')\\n .click()\\n .within(() => {\\n cy.shouldHaveAttributes(\'[data-cy=\\"close-icon\\"]\', {\\n name: \'name\',\\n value: \'close\',\\n });\\n });\\n });\\n } else {\\n cy.shouldNotExist(\'[data-cy=\\"close-icon\\"]\');\\n }\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"inner\\"]\',\\n \'cvi-notification__inner\'\\n ).within(() => {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"content\\"]\',\\n \'cvi-notification__content\'\\n );\\n if (size === \'compact\') {\\n if (showIcon) {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"icon\\"]\',\\n \'cvi-notification__content-icon-wrapper\'\\n ).shouldHaveAttributes(\'[data-cy=\\"icon\\"]\', {\\n name: \'ng-reflect-name\',\\n value: iconName,\\n });\\n } else {\\n cy.shouldNotExist(\'[data-cy=\\"icon\\"]\');\\n }\\n } else {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"header\\"]\',\\n \'cvi-notification__header\'\\n );\\n\\n if (showIcon) {\\n cy.get(\'[data-cy=\\"header\\"]\').within(() => {\\n cy.shouldHaveClasses(\\n \'[data-cy=\\"header-icon\\"]\',\\n \'cvi-notification__header-icon-wrapper\'\\n ).shouldHaveAttributes(\'[data-cy=\\"header-icon\\"]\', {\\n name: \'ng-reflect-name\',\\n value: iconName,\\n });\\n });\\n } else {\\n cy.shouldNotExist(\'cvi-ng-labeled-icon\');\\n }\\n }\\n });\\n });\\n }\\n);\\n\\nCypress.Commands.add(\'runLabeledIconCommonTest\', (alignment, iconPosition) => {\\n cy.shouldHaveClasses(\'cvi-ng-labeled-icon\', [\'cvi-labeled-icon\']).within(\\n () => {\\n cy.shouldHaveCSSVar(\\n \'cvi-ng-track\',\\n \'--vertical-alignment\',\\n alignment === \'normal\' ? \'\' : \'center\'\\n ).within(() => {\\n cy.shouldExist(\'cvi-ng-icon\');\\n if (iconPosition === \'after\') {\\n cy.shouldBeLastChild(\'cvi-ng-icon\');\\n } else {\\n cy.shouldBeFirstChild(\'cvi-ng-icon\');\\n }\\n });\\n cy.shouldHaveClasses(\'div\', \'cvi-labeled-icon__content\');\\n }\\n );\\n});\\n\\nCypress.Commands.add(\'runButtonCommonTest\', (appearance, size) => {\\n cy.shouldHaveClasses(\'cvi-ng-button\', [\\n \'cvi-button\',\\n `cvi-button--appearance-${appearance}`,\\n `cvi-button--size-${size}`,\\n ]).shouldHaveClasses(\'button\', \'cvi-button__button\');\\n});\\n\\nCypress.Commands.add(\'runRadioGroupCommonTest\', (appearance) => {\\n cy.shouldHaveClasses(\'cvi-ng-radio-group\', [\\n \'cvi-radio-group\',\\n `cvi-radio-group--appearance-${appearance}`,\\n ])\\n .shouldHaveClasses(\'fieldset\', \'cvi-radio-group__inner\')\\n .shouldHaveClasses(\'legend\', \'cvi-radio-group__title\')\\n .shouldHaveClasses(\'div\', \'cvi-radio-group__list\');\\n});\\n\\nCypress.Commands.add(\'reorderableListItemShouldHaveOrderNr\', (orderNr) => {\\n cy.get(`[data-cy=\\"step-${orderNr}-order-nr\\"]`).contains(orderNr);\\n});\\n\\nCypress.Commands.add(\'reorderableListItemShouldHaveName\', (orderNr, name) => {\\n cy.get(`[data-cy=\\"step-${orderNr}-name\\"]`).within(() => {\\n cy.get(\'input\').should(\'have.value\', name);\\n });\\n});\\n","properties":[],"indexSignatures":[],"kind":167,"methods":[{"name":"reorderableListItemShouldHaveName","args":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":""},{"name":"name","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":105,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"name","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"reorderableListItemShouldHaveOrderNr","args":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"any","typeParameters":[],"line":103,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"orderNr","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runButtonCommonTest","args":[{"name":"appearance","type":"ButtonAppearance","deprecated":false,"deprecationMessage":""},{"name":"size","type":"ButtonSize","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"appearance","type":"ButtonAppearance","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"size","type":"ButtonSize","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runLabeledIconCommonTest","args":[{"name":"alignment","type":"LabeledIconVerticalAlignment","deprecated":false,"deprecationMessage":""},{"name":"iconPosition","type":"LabeledIconPosition","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":92,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"alignment","type":"LabeledIconVerticalAlignment","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"iconPosition","type":"LabeledIconPosition","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runNotificationCommonTest","args":[{"name":"type","type":"NotificationSeverity","deprecated":false,"deprecationMessage":""},{"name":"size","type":"NotificationSize","deprecated":false,"deprecationMessage":""},{"name":"showIcon","type":"boolean","deprecated":false,"deprecationMessage":""},{"name":"showCloseButton","type":"boolean","deprecated":false,"deprecationMessage":""},{"name":"iconName","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"type","type":"NotificationSeverity","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"size","type":"NotificationSize","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"showIcon","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"showCloseButton","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"iconName","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runRadioGroupCommonTest","args":[{"name":"appearance","type":"RadioGroupAppearance","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":99,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"appearance","type":"RadioGroupAppearance","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"runStepsCommonTest","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":82,"deprecated":false,"deprecationMessage":""},{"name":"setDevice","args":[{"name":"device","type":"Device","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":78,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"device","type":"Device","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeFirstChild","args":[{"name":"firstElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":58,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"firstElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeLastChild","args":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":60,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeOnlyChild","args":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":62,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"lastElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeVisible","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldBeVisibleA11y","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldExist","args":[{"name":"element","type":"string | string[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string | string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveAfter","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"nextElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":66,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"nextElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveAttributes","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":68,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveBefore","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"prevElement","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":64,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"prevElement","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveClasses","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":42,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveCSSVar","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"cssVarName","type":"string","deprecated":false,"deprecationMessage":""},{"name":"cssVarValue","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":52,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cssVarName","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cssVarValue","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldHaveStyle","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"attrNameValuePair","type":"AttrNameValuePair | AttrNameValuePair[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotBeVisible","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":32,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotBeVisibleA11y","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":34,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotExist","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":40,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"shouldNotHaveClasses","args":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":""},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Cypress.Chainable","typeParameters":[],"line":47,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"element","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"className","type":"string | string[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"storyAction","args":[{"name":"actionName","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":80,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"actionName","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"isDuplicate":true,"duplicateId":2,"duplicateName":"Chainable-2"},{"name":"HierarchyResult","id":"interface-HierarchyResult-f812af331617f0fd6eec74d50db655e3b28ec51df5dc98064bbdc448b817b929b2706d7dd4dc8c62e9121bcc58f09a2ccdcb72cfc79bfde7fa31c96f5ff3c6fc","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchy-result.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { BoxNode } from \'./box-node\';\\n\\nexport interface HierarchyResult {\\n rootNode: BoxNode;\\n additionalLinks: { source: string; target: string }[];\\n}\\n","properties":[{"name":"additionalLinks","deprecated":false,"deprecationMessage":"","type":"literal type[]","optional":false,"description":"","line":5},{"name":"rootNode","deprecated":false,"deprecationMessage":"","type":"BoxNode","optional":false,"description":"","line":4}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"Message","id":"interface-Message-d40212705d871d8ae63ea36e7b8f68624c1c04a8bffc5b331ad33aab2a63309e19cc28327f831d90750bf3e35edd6a639f3cc760837a1f9bc9d65c38d92db8da","file":"libs/ui/src/lib/message-bus/message-bus.service.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { BehaviorSubject, filter, Observable } from \'rxjs\';\\n\\nexport interface Message {\\n type: string;\\n data?: never;\\n}\\n\\n@Injectable({\\n providedIn: \'root\',\\n})\\nexport class MessageBusService {\\n private message = new BehaviorSubject({} as Message);\\n\\n message$ = (type: string): Observable =>\\n this.message.pipe(filter((msg) => msg.type === type));\\n\\n push = (message: Message) => this.message.next(message);\\n\\n getLast = () => this.message.value;\\n}\\n","properties":[{"name":"data","deprecated":false,"deprecationMessage":"","type":"never","optional":true,"description":"","line":6},{"name":"type","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":5}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"SelectOption","id":"interface-SelectOption-f5ff0647afb44c53eba290a2acca0f69b1b36878bc15190ad527e39a50f78d2a50fa3e606e65e965f142a7b9322c320d5e6c71fdcbb01e42d03f11e9fc7cbe20","file":"libs/ui/src/lib/select/select.types.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface SelectOption {\\n label: string;\\n value: any;\\n}\\n","properties":[{"name":"label","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":2},{"name":"value","deprecated":false,"deprecationMessage":"","type":"any","optional":false,"description":"","line":3}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"SwapReorderableListItems","id":"interface-SwapReorderableListItems-99dd115b3ff45cd166bdf32e8097628d6887fe24edbb90ccc023a04efb9a1669d5ae2359190c268cfa8e838343529e8f90b4ce56b744120bebca5a97c659a0eb","file":"libs/ui/src/lib/reorderable-list/swap-reorderable-list-items.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"export interface SwapReorderableListItems {\\n index1: number;\\n index2: number;\\n}\\n","properties":[{"name":"index1","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":2},{"name":"index2","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":3}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"ToastConfig","id":"interface-ToastConfig-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","properties":[{"name":"easeTime","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":7},{"name":"extendedTimeOut","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":8},{"name":"progressBar","deprecated":false,"deprecationMessage":"","type":"boolean","optional":false,"description":"","line":6},{"name":"timeOut","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":4},{"name":"toastTypes","deprecated":false,"deprecationMessage":"","type":"ToastTypes","optional":false,"description":"","line":5}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"ToastToken","id":"interface-ToastToken-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","properties":[{"name":"config","deprecated":false,"deprecationMessage":"","type":"Partial","optional":false,"description":"","line":20},{"name":"default","deprecated":false,"deprecationMessage":"","type":"ToastConfig","optional":false,"description":"","line":19}],"indexSignatures":[],"kind":165,"methods":[]},{"name":"ToastTypes","id":"interface-ToastTypes-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"interface","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","properties":[{"name":"error","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":12},{"name":"info","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":13},{"name":"success","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":14},{"name":"warning","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":15}],"indexSignatures":[],"kind":165,"methods":[]}],"injectables":[{"name":"IconsRegistry","id":"injectable-IconsRegistry-63cd83c52888c13872a77607bd541384fbd33f850dc8008212943f8df0d630732d857125d3993ea8dfb4fbbec2024a184f0e149efebf378ec76d25ca2d6ae374","file":"libs/ui/src/lib/icons/icons-registry.service.ts","properties":[{"name":"registry","defaultValue":"new Map()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":8,"modifierKind":[121]}],"methods":[{"name":"getIcon","args":[{"name":"iconName","type":"CviIconName","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | undefined","typeParameters":[],"line":14,"deprecated":false,"deprecationMessage":"","modifierKind":[123],"jsdoctags":[{"name":"iconName","type":"CviIconName","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerIcons","args":[{"name":"icons","type":"CviIcon[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":10,"deprecated":false,"deprecationMessage":"","modifierKind":[123],"jsdoctags":[{"name":"icons","type":"CviIcon[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { CviIcon, CviIconName } from \'@egov/cvi-icons\';\\n\\n@Injectable({\\n providedIn: \'root\',\\n})\\nexport class IconsRegistry {\\n private registry = new Map();\\n\\n public registerIcons(icons: CviIcon[]): void {\\n icons.forEach((icon: CviIcon) => this.registry.set(icon.name, icon.data));\\n }\\n\\n public getIcon(iconName: CviIconName): string | undefined {\\n if (!this.registry.has(iconName)) {\\n console.warn(\\n `We could not find the Icon with the name ${iconName}, did you add it to the IconRegistry?`\\n );\\n }\\n return this.registry.get(iconName);\\n }\\n}\\n","type":"injectable"},{"name":"MessageBusService","id":"injectable-MessageBusService-d40212705d871d8ae63ea36e7b8f68624c1c04a8bffc5b331ad33aab2a63309e19cc28327f831d90750bf3e35edd6a639f3cc760837a1f9bc9d65c38d92db8da","file":"libs/ui/src/lib/message-bus/message-bus.service.ts","properties":[{"name":"getLast","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":20},{"name":"message","defaultValue":"new BehaviorSubject({} as Message)","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":13,"modifierKind":[121]},{"name":"message$","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":15},{"name":"push","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":18}],"methods":[],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { BehaviorSubject, filter, Observable } from \'rxjs\';\\n\\nexport interface Message {\\n type: string;\\n data?: never;\\n}\\n\\n@Injectable({\\n providedIn: \'root\',\\n})\\nexport class MessageBusService {\\n private message = new BehaviorSubject({} as Message);\\n\\n message$ = (type: string): Observable =>\\n this.message.pipe(filter((msg) => msg.type === type));\\n\\n push = (message: Message) => this.message.next(message);\\n\\n getLast = () => this.message.value;\\n}\\n","type":"injectable"},{"name":"Overlay","id":"injectable-Overlay-743c9257e5e7f97aeb23236e17c33a316f8ee1fe16c682b675097b936617f37504e3ac00bb0b6590ecbfb0d6e097d0faf488fbe0427b8554eed30619d1d1c691","file":"libs/ui/src/lib/toast/overlay.ts","properties":[{"name":"containerRef","deprecated":false,"deprecationMessage":"","type":"ComponentRef","optional":false,"description":"","line":16,"modifierKind":[121]}],"methods":[{"name":"createContainer","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"getContainerElement","args":[],"optional":false,"returnType":"ComponentRef","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":""},{"name":"ngOnDestroy","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import {\\n ApplicationRef,\\n ComponentRef,\\n createComponent,\\n Inject,\\n Injectable,\\n OnDestroy,\\n Injector,\\n EmbeddedViewRef,\\n} from \'@angular/core\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { ToastContainerComponent } from \'./toast-container.component\';\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class Overlay implements OnDestroy {\\n private containerRef!: ComponentRef;\\n\\n constructor(\\n private readonly appRef: ApplicationRef,\\n private readonly injector: Injector,\\n @Inject(DOCUMENT) private readonly document: Document\\n ) {}\\n\\n ngOnDestroy() {\\n if (this.containerRef) {\\n this.containerRef.destroy();\\n }\\n }\\n\\n getContainerElement(): ComponentRef {\\n if (!this.containerRef) {\\n this.createContainer();\\n }\\n\\n return this.containerRef;\\n }\\n\\n private createContainer(): void {\\n this.containerRef = createComponent(ToastContainerComponent, {\\n environmentInjector: this.appRef.injector,\\n elementInjector: this.injector,\\n });\\n this.appRef.attachView(this.containerRef.hostView);\\n const domElement = (this.containerRef.hostView as EmbeddedViewRef)\\n .rootNodes[0] as HTMLElement;\\n this.document.body.appendChild(domElement);\\n }\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":""},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""}],"line":16,"jsdoctags":[{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"type":"injectable"},{"name":"TableOfContentsService","id":"injectable-TableOfContentsService-0164de2d4d8bf71b547d7ad36fee8cb37b38b79e917240df05008bc21c1fd4d27acaa5a5ad0a7ac0d83794cf675f87d36c47cd66c6f5d62767def80071fff394","file":"libs/ui/src/lib/table-of-contents/table-of-contents.service.ts","properties":[{"name":"currentToCSection$","defaultValue":"this.currentToCSectionSource.asObservable()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":9},{"name":"currentToCSectionSource","defaultValue":"new BehaviorSubject(\'toc-0\')","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":7,"modifierKind":[121]},{"name":"currentToCSectionTimestamp","deprecated":false,"deprecationMessage":"","type":"number | undefined","optional":false,"description":"","line":6,"modifierKind":[121]},{"name":"toCItemToHighlight","deprecated":false,"deprecationMessage":"","type":"string | undefined","optional":false,"description":"","line":10}],"methods":[{"name":"highlightToCSectionAndSetAsCurrent","args":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"parseNumberPartFromId","args":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setCurrentToCSection","args":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":""},{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"void","typeParameters":[],"line":18,"deprecated":false,"deprecationMessage":"","rawdescription":"\\nTimestamp is for ordering sections that are set at the same time","description":"

    Timestamp is for ordering sections that are set at the same time

    \\n","jsdoctags":[{"name":"id","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import { Injectable } from \'@angular/core\';\\nimport { BehaviorSubject } from \'rxjs\';\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class TableOfContentsService {\\n private currentToCSectionTimestamp: number | undefined;\\n private currentToCSectionSource = new BehaviorSubject(\'toc-0\');\\n\\n currentToCSection$ = this.currentToCSectionSource.asObservable();\\n toCItemToHighlight: string | undefined;\\n\\n highlightToCSectionAndSetAsCurrent(id: string) {\\n this.toCItemToHighlight = id;\\n this.setCurrentToCSection(id);\\n }\\n\\n /** Timestamp is for ordering sections that are set at the same time */\\n setCurrentToCSection(id: string, timestamp?: number) {\\n if (timestamp && !this.currentToCSectionTimestamp) {\\n this.currentToCSectionTimestamp = timestamp;\\n this.currentToCSectionSource.next(id);\\n return;\\n }\\n\\n if (timestamp && timestamp === this.currentToCSectionTimestamp) {\\n const next = this.parseNumberPartFromId(id);\\n const previous = this.parseNumberPartFromId(\\n this.currentToCSectionSource.getValue()\\n );\\n if (next > previous) {\\n return;\\n }\\n }\\n this.currentToCSectionTimestamp = timestamp;\\n this.currentToCSectionSource.next(id);\\n }\\n\\n private parseNumberPartFromId(id: string): number {\\n const num = Number(id.split(\'-\').pop());\\n return !isNaN(num) ? num : -1;\\n }\\n}\\n","type":"injectable"},{"name":"ToastService","id":"injectable-ToastService-7c7358fddcbd23beffc15d944afcbe75bd6fe1a6ef937a8599f10e4f11a7bf4ab94ba0c313b6a299778ebe6f94684aa4546e787d01083ed2fcdc98652ada6248","file":"libs/ui/src/lib/toast/toast.service.ts","properties":[{"name":"nextUniqueId","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":30,"modifierKind":[121]},{"name":"toastConfig","deprecated":false,"deprecationMessage":"","type":"ToastConfig","optional":false,"description":"","line":28,"modifierKind":[121,144]},{"name":"toasts","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"ActiveToast[]","optional":false,"description":"","line":29,"modifierKind":[121,144]}],"methods":[{"name":"buildAndDisplayNotification","args":[{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":""},{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":64,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"error","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"findToast","args":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":118,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getComponentRootNode","args":[{"name":"componentRef","type":"ComponentRef","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"HTMLElement","typeParameters":[],"line":122,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"componentRef","type":"ComponentRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"info","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":49,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"remove","args":[{"name":"toastId","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":107,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"toastId","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"success","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":44,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]},{"name":"warning","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true}],"optional":false,"returnType":"ActiveToast","typeParameters":[],"line":54,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}},{"name":"message","type":"string","deprecated":false,"deprecationMessage":"","optional":true,"tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","description":"","rawdescription":"\\n","sourceCode":"import {\\n ApplicationRef,\\n ComponentRef,\\n createComponent,\\n EmbeddedViewRef,\\n Inject,\\n Injectable,\\n Injector,\\n} from \'@angular/core\';\\nimport { Overlay } from \'./overlay\';\\nimport { ToastComponent } from \'./toast.component\';\\nimport {\\n TOAST_CONFIG,\\n ToastConfig,\\n ToastPackage,\\n ToastToken,\\n} from \'./toast-config\';\\n\\nexport interface ActiveToast {\\n id: number;\\n title: string;\\n message: string;\\n componentRef: ComponentRef;\\n}\\n\\n@Injectable({ providedIn: \'root\' })\\nexport class ToastService {\\n private readonly toastConfig: ToastConfig;\\n private readonly toasts: ActiveToast[] = [];\\n private nextUniqueId = 0;\\n\\n constructor(\\n @Inject(TOAST_CONFIG) token: ToastToken,\\n private readonly overlay: Overlay,\\n private readonly injector: Injector,\\n private readonly appRef: ApplicationRef\\n ) {\\n this.toastConfig = {\\n ...token.default,\\n ...token.config,\\n };\\n }\\n\\n success(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.success;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n info(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.info;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n warning(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.warning;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n error(title?: string, message?: string) {\\n const type = this.toastConfig.toastTypes.error;\\n return this.buildAndDisplayNotification(type, title, message);\\n }\\n\\n private buildAndDisplayNotification(\\n toastType: string,\\n title?: string,\\n message?: string\\n ): ActiveToast {\\n const toastPackage = new ToastPackage(\\n this.nextUniqueId++,\\n this.toastConfig,\\n toastType,\\n title,\\n message\\n );\\n\\n const toastInjector = Injector.create({\\n providers: [{ provide: ToastPackage, useValue: toastPackage }],\\n parent: this.injector,\\n });\\n const toastComponentRef = createComponent(ToastComponent, {\\n environmentInjector: this.appRef.injector,\\n elementInjector: toastInjector,\\n });\\n\\n const toast: ActiveToast = {\\n id: toastPackage.id,\\n title: title || \'\',\\n message: message || \'\',\\n componentRef: toastComponentRef,\\n };\\n\\n this.toasts.push(toast);\\n\\n const toastContainerRef = this.overlay.getContainerElement();\\n const containerElement: Element = toastContainerRef.location.nativeElement;\\n\\n containerElement.insertBefore(\\n this.getComponentRootNode(toastComponentRef),\\n containerElement.firstChild\\n );\\n this.appRef.attachView(toastComponentRef.hostView);\\n\\n return toast;\\n }\\n\\n remove(toastId: number) {\\n const toastIndex = this.findToast(toastId);\\n\\n if (toastIndex === -1) {\\n return;\\n }\\n\\n const removedToast = this.toasts.splice(toastIndex, 1)[0];\\n removedToast.componentRef.destroy();\\n }\\n\\n private findToast(id: number): number {\\n return this.toasts.findIndex((toast) => toast.id === id);\\n }\\n\\n private getComponentRootNode(componentRef: ComponentRef): HTMLElement {\\n return (componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0] as HTMLElement;\\n }\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"token","type":"ToastToken","deprecated":false,"deprecationMessage":""},{"name":"overlay","type":"Overlay","deprecated":false,"deprecationMessage":""},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":""},{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":""}],"line":30,"jsdoctags":[{"name":"token","type":"ToastToken","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"overlay","type":"Overlay","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"appRef","type":"ApplicationRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"type":"injectable","readme":"

    General description

    \\n

    ToastService is an injectable service and can be used to show success, info, warning\\nand error toasts.

    \\n

    Where to use

    \\n

    Can be used everywhere you need to show toasts. \\nJust inject the ToastService into your component or service and\\ncall the adequate method to show toasts on the top right side of the screen.

    \\n"}],"guards":[],"interceptors":[],"classes":[{"name":"DatepickerLabelConfig","id":"class-DatepickerLabelConfig-1333b442da05ef8f56dc540edd49e1f7c98917cc5005aa3017a422d569f3e17eb9784cfb3d4a838e510115d17593ff5d1740f376b9c87e0bb7cda7f3d53921e3","file":"libs/ui/src/lib/datepicker/datepicker-label.config.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { Observable } from \'rxjs\';\\n\\nexport abstract class DatepickerLabelConfig {\\n abstract getDayShorthandLabels(): Observable;\\n\\n abstract getDayFullLabels(): Observable;\\n\\n abstract getMonthLabels(): Observable;\\n\\n abstract getScreenReaderLabel(): Observable;\\n\\n abstract getScreenReaderDescription(): Observable;\\n}\\n","properties":[],"methods":[{"name":"getDayFullLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":6,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getDayShorthandLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":4,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getMonthLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":8,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getScreenReaderDescription","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","modifierKind":[126]},{"name":"getScreenReaderLabel","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":10,"deprecated":false,"deprecationMessage":"","modifierKind":[126]}],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]},{"name":"DefaultDatepickerLabelConfig","id":"class-DefaultDatepickerLabelConfig-b220720c455b78e33ae572f3fa087b3b25055258538a1201fcb03eac1678b196e663080a5c7c2549515ad8d2b4a2d18af34b73c236ac4e46ac683df05d5c6bc4","file":"libs/ui/src/lib/datepicker/default-datepicker-label.config.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { Observable, of } from \'rxjs\';\\nimport { DatepickerLabelConfig } from \'./datepicker-label.config\';\\n\\nexport class DefaultDatepickerLabelConfig implements DatepickerLabelConfig {\\n getDayShorthandLabels(): Observable {\\n return of([\'E\', \'T\', \'K\', \'N\', \'R\', \'L\', \'P\']);\\n }\\n\\n getDayFullLabels(): Observable {\\n return of([\\n \'Esmaspäev\',\\n \'Teisipäev\',\\n \'Kolmapäev\',\\n \'Neljapäev\',\\n \'Reede\',\\n \'Laupäev\',\\n \'Pühapäev\',\\n ]);\\n }\\n\\n getMonthLabels(): Observable {\\n return of([\\n \'Jaanuar\',\\n \'Veebruar\',\\n \'Märts\',\\n \'Aprill\',\\n \'Mai\',\\n \'Juuni\',\\n \'Juuli\',\\n \'August\',\\n \'September\',\\n \'Oktoober\',\\n \'November\',\\n \'Detsember\',\\n ]);\\n }\\n\\n getScreenReaderLabel(): Observable {\\n return of(\'Vali kuupäev\');\\n }\\n getScreenReaderDescription(): Observable {\\n return of(\'Nõutud kuupäeva formaat: dd.MM.yyyy\');\\n }\\n}\\n","properties":[],"methods":[{"name":"getDayFullLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":9,"deprecated":false,"deprecationMessage":""},{"name":"getDayShorthandLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":5,"deprecated":false,"deprecationMessage":""},{"name":"getMonthLabels","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":21,"deprecated":false,"deprecationMessage":""},{"name":"getScreenReaderDescription","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":41,"deprecated":false,"deprecationMessage":""},{"name":"getScreenReaderLabel","args":[],"optional":false,"returnType":"Observable","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":""}],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[],"implements":["DatepickerLabelConfig"]},{"name":"ReorderableListExampleBaseComponent","id":"class-ReorderableListExampleBaseComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","properties":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10}],"methods":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":""},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]},{"name":"SelectItemsList","id":"class-SelectItemsList-a23dd4cd01da61c41ab098445a431b0a835845f459ffb9304d06cdfc1a12bed64a1ed79a953736fdbb4c114a93b5153352860c6355975fa5859945f1792e1425","file":"libs/ui/src/lib/select/select-items-list.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { SelectOption } from \'./select.types\';\\nimport { SelectComponent } from \'./select.component\';\\n\\nexport class SelectItemsList {\\n private _filteredItems: SelectOption[] = [];\\n private _items: SelectOption[] = [];\\n private _selectedItem?: SelectOption;\\n\\n constructor(private _select: SelectComponent) {}\\n\\n get selectedItem(): SelectOption | undefined {\\n return this._selectedItem;\\n }\\n\\n get selectedItemValue(): string | undefined {\\n if (this._selectedItem) {\\n if (this._select.valueFormatFn) {\\n return this._select.valueFormatFn(this._selectedItem.label);\\n } else {\\n return this._selectedItem.label;\\n }\\n }\\n return undefined;\\n }\\n\\n get filteredItems(): SelectOption[] {\\n return this._filteredItems;\\n }\\n\\n get items(): SelectOption[] {\\n return this._items;\\n }\\n\\n select(item: SelectOption) {\\n this._selectedItem = item;\\n }\\n\\n clearSelection() {\\n this._selectedItem = undefined;\\n }\\n\\n setItems(items: unknown[]) {\\n this._items = items.map((item) => this.mapItem(item));\\n\\n if (this._select.sortItemsFn instanceof Function) {\\n const sortFn = this._select.sortItemsFn;\\n\\n this._items.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n }\\n\\n this._filteredItems = [...this._items];\\n }\\n\\n addItem(item: any) {\\n const option = this.mapItem(item);\\n this._items.push(option);\\n this._filteredItems.push(option);\\n\\n if (this._select.sortItemsFn instanceof Function) {\\n const sortFn = this._select.sortItemsFn;\\n\\n this._items.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n\\n this._filteredItems.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n }\\n\\n return option;\\n }\\n\\n mapItem(item: any): SelectOption {\\n const label = this._select.bindLabel ? item[this._select.bindLabel] : item;\\n\\n return {\\n label,\\n value: item,\\n };\\n }\\n\\n findItem(value: any): SelectOption | undefined {\\n return this._items.find((item) => item.value === value);\\n }\\n\\n filter(term: string): void {\\n if (!term) {\\n this.resetFilteredItems();\\n return;\\n }\\n\\n if (this._select.searchFn) {\\n this._filteredItems = this._items.filter((item) =>\\n (this._select.searchFn as any)(term, item.value)\\n );\\n } else {\\n this._filteredItems = this._items.filter((item) =>\\n this.defaultSearchFn(term, item)\\n );\\n }\\n }\\n\\n resetFilteredItems() {\\n if (this._filteredItems.length === this._items.length) {\\n return;\\n }\\n\\n this._filteredItems = [...this._items];\\n }\\n\\n sortItems(sortFn: (a: unknown, b: unknown) => number) {\\n this._items.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n\\n this._filteredItems.sort((a, b) => {\\n return sortFn(a.value, b.value);\\n });\\n }\\n\\n private defaultSearchFn(search: string, option: SelectOption) {\\n return option.label.indexOf(search) > -1;\\n }\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"_select","type":"SelectComponent","deprecated":false,"deprecationMessage":""}],"line":7,"jsdoctags":[{"name":"_select","type":"SelectComponent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"properties":[{"name":"_filteredItems","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"SelectOption[]","optional":false,"description":"","line":5,"modifierKind":[121]},{"name":"_items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"SelectOption[]","optional":false,"description":"","line":6,"modifierKind":[121]},{"name":"_selectedItem","deprecated":false,"deprecationMessage":"","type":"SelectOption","optional":true,"description":"","line":7,"modifierKind":[121]}],"methods":[{"name":"addItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SelectOption","typeParameters":[],"line":56,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"clearSelection","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":""},{"name":"defaultSearchFn","args":[{"name":"search","type":"string","deprecated":false,"deprecationMessage":""},{"name":"option","type":"SelectOption","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":124,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"search","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"option","type":"SelectOption","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"filter","args":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":89,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"findItem","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SelectOption | undefined","typeParameters":[],"line":85,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"mapItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SelectOption","typeParameters":[],"line":76,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"resetFilteredItems","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":106,"deprecated":false,"deprecationMessage":""},{"name":"select","args":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":34,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setItems","args":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":42,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"sortItems","args":[{"name":"sortFn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"a","type":"","deprecated":false,"deprecationMessage":""},{"name":"b","type":"","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":114,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"sortFn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"a","type":"","deprecated":false,"deprecationMessage":""},{"name":"b","type":"","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]}],"indexSignatures":[],"accessors":{"selectedItem":{"name":"selectedItem","getSignature":{"name":"selectedItem","type":"","returnType":"SelectOption | undefined","line":11}},"selectedItemValue":{"name":"selectedItemValue","getSignature":{"name":"selectedItemValue","type":"","returnType":"string | undefined","line":15}},"filteredItems":{"name":"filteredItems","getSignature":{"name":"filteredItems","type":"[]","returnType":"SelectOption[]","line":26}},"items":{"name":"items","getSignature":{"name":"items","type":"[]","returnType":"SelectOption[]","line":30}}},"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]},{"name":"ToastPackage","id":"class-ToastPackage-bde219d113e67ff68623fd507334579da560284a6237309276217770981f3858d6a64b0a23cc260ebe4ad00dfc4e91cbbd0e23f8686b06f26ce6938136755a3e","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"class","sourceCode":"import { InjectionToken } from \'@angular/core\';\\n\\nexport interface ToastConfig {\\n timeOut: number;\\n toastTypes: ToastTypes;\\n progressBar: boolean;\\n easeTime: number;\\n extendedTimeOut: number;\\n}\\n\\nexport interface ToastTypes {\\n error: string;\\n info: string;\\n success: string;\\n warning: string;\\n}\\n\\nexport interface ToastToken {\\n default: ToastConfig;\\n config: Partial;\\n}\\n\\nexport const DefaultToastConfig: ToastConfig = {\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n};\\n\\nexport const TOAST_CONFIG = new InjectionToken(\'ToastConfig\');\\n\\nexport class ToastPackage {\\n constructor(\\n public id: number,\\n public config: ToastConfig,\\n public toastType: string,\\n public title: string | undefined,\\n public message: string | undefined\\n ) {}\\n}\\n","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":""},{"name":"config","type":"ToastConfig","deprecated":false,"deprecationMessage":""},{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":""},{"name":"title","type":"string | undefined","deprecated":false,"deprecationMessage":""},{"name":"message","type":"string | undefined","deprecated":false,"deprecationMessage":""}],"line":38,"jsdoctags":[{"name":"id","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"config","type":"ToastConfig","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"toastType","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"title","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"message","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"properties":[{"name":"config","deprecated":false,"deprecationMessage":"","type":"ToastConfig","optional":false,"description":"","line":41,"modifierKind":[123]},{"name":"id","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":40,"modifierKind":[123]},{"name":"message","deprecated":false,"deprecationMessage":"","type":"string | undefined","optional":false,"description":"","line":44,"modifierKind":[123]},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string | undefined","optional":false,"description":"","line":43,"modifierKind":[123]},{"name":"toastType","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":42,"modifierKind":[123]}],"methods":[],"indexSignatures":[],"inputsClass":[],"outputsClass":[],"hostBindings":[],"hostListeners":[]}],"directives":[{"name":"AccordionContentDirective","id":"directive-AccordionContentDirective-8fc25b46d2c34f9d93e5efd83015b7087eaed904a25709e2f07f98792a56713208054b32ff6cb61cdf295077a3faca7766a58a8cecc9146736222cb202d60471","file":"libs/ui/src/lib/accordion/directives/accordion-content.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgAccordionContent]\',\\n})\\nexport class AccordionContentDirective {\\n constructor(public templateRef: TemplateRef) {}\\n}\\n","selector":"[cviNgAccordionContent]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":7,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"templateRef","type":"TemplateRef","deprecated":false,"deprecationMessage":""}],"line":6,"jsdoctags":[{"name":"templateRef","type":"TemplateRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"AccordionHeaderDirective","id":"directive-AccordionHeaderDirective-04c27e1739793ea3e2ceaa3cf4d59204df7edae1b20aa2508fba2a0a11df18721cc52ace330499137042d81d498b905d95a25ad03c84ec198803016e0d776bf5","file":"libs/ui/src/lib/accordion/directives/accordion-header.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgAccordionHeader]\',\\n})\\nexport class AccordionHeaderDirective {\\n constructor(public templateRef: TemplateRef | null) {}\\n}\\n","selector":"[cviNgAccordionHeader]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef | null","optional":false,"description":"","line":7,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":""}],"line":6,"jsdoctags":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"AccordionItemDirective","id":"directive-AccordionItemDirective-702b6635de8bf862d7bd37c2cf6d528044ac287717bfc33178f8753bf06538ff89f0891e28a9b52ce3c96e5d0d9b0afc5a91b9a032326cd160f74a8aa5da9eca","file":"libs/ui/src/lib/accordion/directives/accordion-item.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { ContentChild, Directive, Input } from \'@angular/core\';\\nimport { AccordionContentDirective } from \'./accordion-content.directive\';\\nimport { AccordionHeaderDirective } from \'./accordion-header.directive\';\\nimport { AccordionTitleDirective } from \'./accordion-title.directive\';\\n\\n@Directive({\\n // eslint-disable-next-line @angular-eslint/directive-selector\\n selector: \'cvi-ng-accordion-item\',\\n})\\nexport class AccordionItemDirective {\\n @Input() title = \'\';\\n @Input() details = \'\';\\n @Input() disabled = false;\\n @ContentChild(AccordionContentDirective) content!: AccordionContentDirective;\\n @ContentChild(AccordionTitleDirective) customTitle!: AccordionTitleDirective;\\n @ContentChild(AccordionHeaderDirective)\\n customHeader!: AccordionHeaderDirective;\\n}\\n","selector":"cvi-ng-accordion-item","providers":[],"inputsClass":[{"name":"details","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":12,"type":"string","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":13,"type":"boolean","decorators":[]},{"name":"title","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":11,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"content","deprecated":false,"deprecationMessage":"","type":"AccordionContentDirective","optional":false,"description":"","line":14,"decorators":[{"name":"ContentChild","stringifiedArguments":"AccordionContentDirective"}]},{"name":"customHeader","deprecated":false,"deprecationMessage":"","type":"AccordionHeaderDirective","optional":false,"description":"","line":17,"decorators":[{"name":"ContentChild","stringifiedArguments":"AccordionHeaderDirective"}]},{"name":"customTitle","deprecated":false,"deprecationMessage":"","type":"AccordionTitleDirective","optional":false,"description":"","line":15,"decorators":[{"name":"ContentChild","stringifiedArguments":"AccordionTitleDirective"}]}],"methodsClass":[]},{"name":"AccordionTitleDirective","id":"directive-AccordionTitleDirective-0ec2d00ab99a2ba5fde85fbbbe99b99cea47fd04ab286bb39d24ec286f7e5b92e2d82a45d3f80df9fb860d10a0204d64cbe405374542aefece6376f14ef44124","file":"libs/ui/src/lib/accordion/directives/accordion-title.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgAccordionTitle]\',\\n})\\nexport class AccordionTitleDirective {\\n constructor(public templateRef: TemplateRef | null) {}\\n}\\n","selector":"[cviNgAccordionTitle]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef | null","optional":false,"description":"","line":7,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":""}],"line":6,"jsdoctags":[{"name":"templateRef","type":"TemplateRef | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"CharacterCounterDirective","id":"directive-CharacterCounterDirective-f39494699f7bb313b17fc02ca3bbe732379452e3d5f57b30f0d0b13762f60d48fd29bfa3bc0c061c7891b7e64913fff7f5ffb791d572225b136fe261a52af69a","file":"libs/ui/src/lib/character-counter/character-counter.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n AfterViewInit,\\n ComponentRef,\\n Directive,\\n ElementRef,\\n HostListener,\\n Input,\\n Renderer2,\\n ViewContainerRef,\\n} from \'@angular/core\';\\nimport { CharacterCounterComponent } from \'./character-counter.component\';\\n\\n@Directive({\\n selector: \'[cviNgCharacterCounter]\',\\n exportAs: \'cviNgCharacterCounter\',\\n})\\nexport class CharacterCounterDirective implements AfterViewInit {\\n @Input() maxChars = \'\';\\n\\n private componentRef: ComponentRef | null = null;\\n private inputRef: HTMLInputElement | HTMLTextAreaElement | null = null;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private viewContainerRef: ViewContainerRef,\\n private renderer: Renderer2\\n ) {}\\n\\n @HostListener(\'input\')\\n onInputChange() {\\n if (this.componentRef && this.inputRef !== null) {\\n this.componentRef.instance.charsUsed = this.inputRef.value.length;\\n this.componentRef.instance.detectChanges();\\n }\\n }\\n\\n @HostListener(\'ngModelChange\', [\'$event\'])\\n onModelChange(event: string) {\\n const length = String(event)?.length;\\n if (this.componentRef && length !== undefined) {\\n this.componentRef.instance.charsUsed = length;\\n this.componentRef.instance.detectChanges();\\n }\\n }\\n\\n ngAfterViewInit() {\\n const childNode = Array.from(this.elementRef.nativeElement.childNodes).find(\\n (el: any) =>\\n ((el.nodeName === \'INPUT\' && el.type === \'text\') ||\\n el.nodeName === \'TEXTAREA\') &&\\n ((el.maxLength !== -1 && el.maxLength !== 524288) || this.maxChars)\\n );\\n\\n if (childNode !== undefined) {\\n if (this.maxChars) {\\n this.renderer.setAttribute(childNode, \'maxLength\', this.maxChars);\\n }\\n this.inputRef = childNode as HTMLInputElement | HTMLTextAreaElement;\\n }\\n\\n if (this.componentRef === null && this.inputRef !== null) {\\n this.componentRef = this.viewContainerRef.createComponent(\\n CharacterCounterComponent\\n );\\n this.componentRef.instance.charsUsed = this.inputRef.value.length;\\n this.componentRef.instance.charsMax = this.inputRef.maxLength;\\n\\n setTimeout(() => this.onInputChange());\\n }\\n }\\n}\\n","selector":"[cviNgCharacterCounter]","providers":[],"inputsClass":[{"name":"maxChars","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"input","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":30},{"name":"ngModelChange","args":[{"name":"event","type":"string","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":38}],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":20,"modifierKind":[121]},{"name":"inputRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"HTMLInputElement | HTMLTextAreaElement | null","optional":false,"description":"","line":21,"modifierKind":[121]}],"methodsClass":[{"name":"onInputChange","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'input\'"}]},{"name":"onModelChange","args":[{"name":"event","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'ngModelChange\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":21,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"DataAttributeDirective","id":"directive-DataAttributeDirective-901f11162ee4190e18c407a2b9fe8c6c0dd34a4fa2d10e545470454f247b7c78c505c70fd3d4f8202ec0ada9ad8b4eba6b27cf4cc1abb4df5627d219f667e02b","file":"libs/ui/src/lib/directives/data-attribute.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Directive,\\n ElementRef,\\n Inject,\\n InjectionToken,\\n Input,\\n OnInit,\\n Renderer2,\\n} from \'@angular/core\';\\n\\nexport const DATA_ATTRIBUTE_TOKEN = new InjectionToken(\\n \'DATA_ATTRIBUTE_TOKEN\',\\n {\\n providedIn: \'root\',\\n factory: () => \'cy\',\\n }\\n);\\n\\n@Directive({\\n // eslint-disable-next-line @angular-eslint/directive-selector\\n selector: \'[dataAttribute]\',\\n})\\nexport class DataAttributeDirective implements OnInit {\\n @Input(\'dataAttribute\') value = \'\';\\n\\n constructor(\\n @Inject(DATA_ATTRIBUTE_TOKEN) private readonly token: string,\\n private renderer: Renderer2,\\n private el: ElementRef\\n ) {}\\n\\n ngOnInit(): void {\\n this.renderer.setAttribute(\\n this.el.nativeElement,\\n `data-${this.token}`,\\n this.value\\n );\\n }\\n}\\n","selector":"[dataAttribute]","providers":[],"inputsClass":[{"name":"dataAttribute","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[],"methodsClass":[],"implements":["OnInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"token","type":"string","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""},{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""}],"line":24,"jsdoctags":[{"name":"token","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"FormMessageDirective","id":"directive-FormMessageDirective-0675c6fd7513578635946098926cbd59ea26465c416e96f5862f0640199a83779d5b2f750e0b91dc2af76d5182df340268b063a75b8111bc98dd8bf0d0eb32b5","file":"libs/ui/src/lib/form-message/form-message.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n ComponentRef,\\n Directive,\\n ElementRef,\\n HostBinding,\\n Input,\\n OnChanges,\\n Renderer2,\\n ViewContainerRef,\\n} from \'@angular/core\';\\n\\nimport { FormMessageComponent } from \'./form-message.component\';\\nimport { FormMessageSeverity } from \'./form-message\';\\n\\n@Directive({\\n selector: \'[cviNgFormMessage]\',\\n exportAs: \'cviNgFormMessage\',\\n})\\nexport class FormMessageDirective implements OnChanges {\\n @Input() message = \'\';\\n @Input() severityLevel!: FormMessageSeverity;\\n @Input() displayMessage!: boolean;\\n @Input() title?: string;\\n\\n private componentRef: ComponentRef | null = null;\\n private container: HTMLDivElement | null = null;\\n private inputRef: HTMLInputElement | HTMLTextAreaElement | null = null;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private viewContainerRef: ViewContainerRef,\\n private renderer: Renderer2\\n ) {}\\n\\n ngOnChanges(): void {\\n if (!this.displayMessage) {\\n this.destroyComponent();\\n return;\\n }\\n if (this.componentRef && this.inputRef !== null) {\\n this.updateComponentProperties();\\n return;\\n }\\n if (this.displayMessage) {\\n this.createComponent();\\n }\\n }\\n @HostBinding(\'style.--cvi-form-input-border-color\')\\n get hostFormInputBorderColor(): string | null {\\n if (this.displayMessage && this.severityLevel === \'warning\') {\\n return \'var(--cvi-color-dark-tangerine-10)\';\\n } else if (this.displayMessage && this.severityLevel === \'error\') {\\n return \'var(--cvi-color-jasper-10)\';\\n } else {\\n return \'var(--cvi-color-black-coral-5)\';\\n }\\n }\\n\\n createComponent() {\\n const childNode = Array.from(this.elementRef.nativeElement.childNodes).find(\\n (el: any) => [\'DIV\', \'TEXTAREA\', \'INPUT\'].includes(el.nodeName)\\n );\\n\\n this.inputRef = childNode as HTMLInputElement | HTMLTextAreaElement;\\n\\n if (!this.componentRef && this.inputRef) {\\n this.container = this.renderer.createElement(\'div\');\\n this.renderer.insertBefore(\\n this.elementRef.nativeElement,\\n this.container,\\n this.componentRef\\n );\\n\\n this.componentRef =\\n this.viewContainerRef.createComponent(FormMessageComponent);\\n this.renderer.appendChild(\\n this.container,\\n this.componentRef.location.nativeElement\\n );\\n\\n this.updateComponentProperties();\\n }\\n }\\n\\n private destroyComponent() {\\n if (this.componentRef) {\\n this.componentRef.destroy();\\n this.componentRef = null;\\n }\\n\\n if (this.container) {\\n this.renderer.removeChild(this.elementRef.nativeElement, this.container);\\n this.container = null;\\n }\\n }\\n\\n private updateComponentProperties() {\\n if (this.componentRef) {\\n this.componentRef.instance.displayMessage = this.displayMessage;\\n this.componentRef.instance.message = this.message;\\n this.componentRef.instance.severityLevel = this.severityLevel;\\n this.componentRef.instance.title = this.title + \': \';\\n this.componentRef.instance.detectChanges();\\n }\\n }\\n}\\n","selector":"[cviNgFormMessage]","providers":[],"inputsClass":[{"name":"displayMessage","deprecated":false,"deprecationMessage":"","line":22,"type":"boolean","decorators":[]},{"name":"message","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]},{"name":"severityLevel","deprecated":false,"deprecationMessage":"","line":21,"type":"FormMessageSeverity","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"style.--cvi-form-input-border-color","deprecated":false,"deprecationMessage":"","line":49,"type":"string | null","decorators":[]}],"hostListeners":[],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":25,"modifierKind":[121]},{"name":"container","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"HTMLDivElement | null","optional":false,"description":"","line":26,"modifierKind":[121]},{"name":"inputRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"HTMLInputElement | HTMLTextAreaElement | null","optional":false,"description":"","line":27,"modifierKind":[121]}],"methodsClass":[{"name":"createComponent","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":""},{"name":"destroyComponent","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":85,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"updateComponentProperties","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"implements":["OnChanges"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":27,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"hostFormInputBorderColor":{"name":"hostFormInputBorderColor","getSignature":{"name":"hostFormInputBorderColor","type":"","returnType":"string | null","line":49}}}},{"name":"LabelTemplateDirective","id":"directive-LabelTemplateDirective-ef4215d02f43d632a8da52869e6c73b4c0c49b4df9f0890f29d874f915b5f0583d7868b9c211dd1f526cd3b5e4b8fa97a46d3e6a25a020be229e8008dafad948","file":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({ selector: \'[cviNgSelectLabelTemplate]\' })\\nexport class LabelTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n\\n@Directive({ selector: \'[cviNgSelectOptionTemplate]\' })\\nexport class OptionTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n","selector":"[cviNgSelectLabelTemplate]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"template","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":5,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":""}],"line":4,"jsdoctags":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"ModalDirective","id":"directive-ModalDirective-41fd7bc1cc1340a74913318630fc2b5221b5ee13655473e7b3b19ec170f882eb1ec896b0651bf1a01fd312b29a344e918ed82421ff5e1a8de7b7161b59b7bb33","file":"libs/ui/src/lib/modal/modal.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n ComponentRef,\\n Directive,\\n EmbeddedViewRef,\\n HostListener,\\n Inject,\\n Input,\\n OnInit,\\n TemplateRef,\\n ViewContainerRef,\\n} from \'@angular/core\';\\nimport { ModalComponent } from \'./modal.component\';\\nimport { DOCUMENT } from \'@angular/common\';\\n\\n@Directive({\\n selector: \'[cviNgModal]\',\\n})\\nexport class ModalDirective implements OnInit {\\n @Input() cviNgModal!: TemplateRef;\\n @Input() modalTitle!: string;\\n @Input() open = false;\\n\\n private componentRef: ComponentRef | null = null;\\n\\n constructor(\\n private viewContainerRef: ViewContainerRef,\\n @Inject(DOCUMENT) private document: Document\\n ) {}\\n\\n ngOnInit(): void {\\n if (this.open) {\\n this.createModal();\\n this.showModal();\\n }\\n }\\n\\n @HostListener(\'click\')\\n onClick() {\\n if (this.componentRef) {\\n return;\\n }\\n this.createModal();\\n this.showModal();\\n }\\n\\n private createModal() {\\n this.componentRef = this.viewContainerRef.createComponent(ModalComponent);\\n this.componentRef.instance.templateRef = this.cviNgModal;\\n this.componentRef.instance.title = this.modalTitle;\\n this.componentRef.instance.closed.subscribe(() => this.hideModal());\\n }\\n\\n private showModal() {\\n if (this.componentRef) {\\n const domElement = (this.componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0];\\n this.document.body.appendChild(domElement);\\n }\\n }\\n\\n hideModal() {\\n this.componentRef?.destroy();\\n this.componentRef = null;\\n }\\n}\\n","selector":"[cviNgModal]","providers":[],"inputsClass":[{"name":"cviNgModal","deprecated":false,"deprecationMessage":"","line":19,"type":"TemplateRef","decorators":[]},{"name":"modalTitle","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]},{"name":"open","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":21,"type":"boolean","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"click","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":38}],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":23,"modifierKind":[121]}],"methodsClass":[{"name":"createModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":46,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"hideModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":61,"deprecated":false,"deprecationMessage":""},{"name":"onClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":38,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'click\'"}]},{"name":"showModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"implements":["OnInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""}],"line":23,"jsdoctags":[{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    SelectorcviNgModal
    Directive nameModalDirective
    Permitted parent/ancestorsany
    \\n

    Where to use

    \\n

    When directive is applied to HTML element then clicking on element displays modal overlay.

    \\n"},{"name":"OptionTemplateDirective","id":"directive-OptionTemplateDirective-ef4215d02f43d632a8da52869e6c73b4c0c49b4df9f0890f29d874f915b5f0583d7868b9c211dd1f526cd3b5e4b8fa97a46d3e6a25a020be229e8008dafad948","file":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Directive, TemplateRef } from \'@angular/core\';\\n\\n@Directive({ selector: \'[cviNgSelectLabelTemplate]\' })\\nexport class LabelTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n\\n@Directive({ selector: \'[cviNgSelectOptionTemplate]\' })\\nexport class OptionTemplateDirective {\\n constructor(public template: TemplateRef) {}\\n}\\n","selector":"[cviNgSelectOptionTemplate]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"template","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":10,"modifierKind":[123]}],"methodsClass":[],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":""}],"line":9,"jsdoctags":[{"name":"template","type":"TemplateRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"SelectNavigationDirective","id":"directive-SelectNavigationDirective-640c0e99e30b4aed4651a7071ac4c389dbd7059ed8298ec4152c7bef06b1c7c1f326c1112012e3762a51addd34d35b7f335bb8fa51182caf10b44dd6c6d6b98b","file":"libs/ui/src/lib/select/select-navigation.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Directive,\\n EventEmitter,\\n HostListener,\\n Input,\\n Output,\\n ElementRef,\\n AfterViewInit,\\n} from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgSelectNavigation]\',\\n})\\nexport class SelectNavigationDirective implements AfterViewInit {\\n @Input() scrollableEl?: HTMLElement;\\n @Input() inputField?: HTMLInputElement | ElementRef;\\n @Output() closed: EventEmitter = new EventEmitter();\\n @Output() itemFocused: EventEmitter = new EventEmitter();\\n\\n focusedElement?: HTMLElement;\\n focusedClass = \'is-focused\';\\n\\n @HostListener(\'document:keydown\', [\'$event\'])\\n onKeyDown($event: KeyboardEvent): void {\\n if (this.isArrowDown($event) || this.isArrowUp($event)) {\\n $event.preventDefault();\\n this.onNavigation($event);\\n }\\n\\n if (this.isEventOfKey(\'Tab\', $event)) {\\n this.closed.emit();\\n }\\n\\n if (this.isEventOfKey(\'Enter\', $event) && this.focusedElement) {\\n this.focusedElement.click();\\n // to prevent submit event when inside of a form\\n if (this.inputField) {\\n const inputElement =\\n this.inputField instanceof HTMLElement\\n ? this.inputField\\n : this.inputField.nativeElement;\\n inputElement.blur();\\n }\\n }\\n }\\n\\n constructor(private readonly hostEl: ElementRef) {}\\n\\n ngAfterViewInit(): void {\\n this.focusByIndex(0);\\n }\\n\\n private isEventOfKey(key: string, event: KeyboardEvent): boolean {\\n return event.key === key;\\n }\\n\\n private isArrowDown(event: KeyboardEvent): boolean {\\n return this.isEventOfKey(\'ArrowDown\', event);\\n }\\n\\n private isArrowUp(event: KeyboardEvent): boolean {\\n return this.isEventOfKey(\'ArrowUp\', event);\\n }\\n\\n private focusByIndex(i: number) {\\n this.focusedElement = this.hostEl.nativeElement.children[i];\\n this.focusedElement?.classList.add(this.focusedClass);\\n this.itemFocused.emit(i);\\n }\\n\\n private onNavigation(event: KeyboardEvent): void {\\n const listEl = this.hostEl.nativeElement;\\n const opts = listEl.children as HTMLCollectionOf;\\n\\n if (!opts || opts.length < 1) {\\n return;\\n }\\n\\n if (this.focusedElement) {\\n this.focusedElement.classList.remove(this.focusedClass);\\n }\\n\\n this.setFocusedElement(event, opts);\\n this.scrollToFocusedElement(listEl);\\n }\\n\\n private setFocusedElement(\\n event: KeyboardEvent,\\n opts: HTMLCollectionOf\\n ): void {\\n const idx = this.isArrowDown(event) ? 0 : opts.length - 1;\\n const prop = this.isArrowDown(event)\\n ? \'nextElementSibling\'\\n : \'previousElementSibling\';\\n\\n if (this.focusedElement && this.focusedElement[prop]) {\\n this.focusedElement = this.focusedElement[prop] as HTMLElement;\\n } else {\\n this.focusedElement = opts[idx];\\n }\\n\\n this.focusedElement.classList.add(this.focusedClass);\\n const elIndex = [...opts].indexOf(this.focusedElement);\\n this.itemFocused.emit(elIndex);\\n }\\n\\n private scrollToFocusedElement(listEl: HTMLElement): void {\\n if (this.scrollableEl) {\\n const listElHeight = this.pxStringToNumber(\\n getComputedStyle(listEl, null).height\\n );\\n const scrollableHeight = this.pxStringToNumber(\\n getComputedStyle(this.scrollableEl, null).height\\n );\\n if (listElHeight > scrollableHeight) {\\n const offset = this.focusedElement ? this.focusedElement.offsetTop : 0;\\n const middle = scrollableHeight / 2;\\n this.scrollableEl.scrollTo(0, offset - middle);\\n }\\n }\\n }\\n\\n private pxStringToNumber(value: string): number {\\n const numVal = value.substring(0, value.length - 2); // remove \'px\'\\n return parseInt(numVal, 10);\\n }\\n}\\n","selector":"[cviNgSelectNavigation]","providers":[],"inputsClass":[{"name":"inputField","deprecated":false,"deprecationMessage":"","line":16,"type":"HTMLInputElement | ElementRef","decorators":[]},{"name":"scrollableEl","deprecated":false,"deprecationMessage":"","line":15,"type":"HTMLElement","decorators":[]}],"outputsClass":[{"name":"closed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":17,"type":"EventEmitter"},{"name":"itemFocused","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":18,"type":"EventEmitter"}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"document:keydown","args":[{"name":"$event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":24}],"propertiesClass":[{"name":"focusedClass","defaultValue":"\'is-focused\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":21},{"name":"focusedElement","deprecated":false,"deprecationMessage":"","type":"HTMLElement","optional":true,"description":"","line":20}],"methodsClass":[{"name":"focusByIndex","args":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":65,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isArrowDown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":57,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isArrowUp","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":61,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isEventOfKey","args":[{"name":"key","type":"string","deprecated":false,"deprecationMessage":""},{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"key","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onKeyDown","args":[{"name":"$event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:keydown\', [\'$event\']"}],"jsdoctags":[{"name":"$event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onNavigation","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"pxStringToNumber","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":123,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"scrollToFocusedElement","args":[{"name":"listEl","type":"HTMLElement","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":107,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"listEl","type":"HTMLElement","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setFocusedElement","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""},{"name":"opts","type":"HTMLCollectionOf","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":87,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"opts","type":"HTMLCollectionOf","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"hostEl","type":"ElementRef","deprecated":false,"deprecationMessage":""}],"line":45,"jsdoctags":[{"name":"hostEl","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"StorybookCurrentComponentDirective","id":"directive-StorybookCurrentComponentDirective-1644df8b0b476ca61ed146f734bbd4600bb817f34057a39a85404684e7bd15a25567b751f04b25f18316eec475b139a53a723347d5bd6cb2904b9b2146cdbaf8","file":"libs/storybook/src/lib/directives/storybook-current-component/storybook-current-component.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Renderer2,\\n ElementRef,\\n Directive,\\n AfterViewInit,\\n Input,\\n} from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgStorybookCurrentComponent]\',\\n})\\nexport class StorybookCurrentComponentDirective implements AfterViewInit {\\n @Input(\'cviNgStorybookCurrentComponent\') type!: \'cover\' | \'spot\';\\n\\n private baseClass = \'u-storybook-current-component\';\\n\\n constructor(private el: ElementRef, private renderer: Renderer2) {}\\n\\n ngAfterViewInit(): void {\\n this.renderer.addClass(this.el.nativeElement, this.baseClass);\\n this.renderer.addClass(\\n this.el.nativeElement,\\n `${this.baseClass}--type-${this.type ? this.type : \'cover\'}`\\n );\\n }\\n}\\n","selector":"[cviNgStorybookCurrentComponent]","providers":[],"inputsClass":[{"name":"cviNgStorybookCurrentComponent","deprecated":false,"deprecationMessage":"","line":13,"type":"\\"cover\\" | \\"spot\\"","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"baseClass","defaultValue":"\'u-storybook-current-component\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":15,"modifierKind":[121]}],"methodsClass":[],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":15,"jsdoctags":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"StorybookInputDirective","id":"directive-StorybookInputDirective-f293a03d08aa186464954422858e147fb1dc9e9a7fae97d140edf3b7d8a8edcc35af78285c7eac955cec6b6043d5fa51a7ee7bc17f85728cbd6c2133103ad9de","file":"libs/storybook/src/lib/directives/storybook-input/storybook-input.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import { Renderer2, ElementRef, Directive, AfterViewInit } from \'@angular/core\';\\n\\n@Directive({\\n selector: \'[cviNgStorybookInput]\',\\n})\\nexport class StorybookInputDirective implements AfterViewInit {\\n private baseClass = \'u-storybook-input\';\\n\\n constructor(private el: ElementRef, private renderer: Renderer2) {}\\n\\n ngAfterViewInit(): void {\\n this.renderer.addClass(this.el.nativeElement, this.baseClass);\\n }\\n}\\n","selector":"[cviNgStorybookInput]","providers":[],"inputsClass":[],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"baseClass","defaultValue":"\'u-storybook-input\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":7,"modifierKind":[121]}],"methodsClass":[],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":7,"jsdoctags":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"StorybookRandomParagraphsDirective","id":"directive-StorybookRandomParagraphsDirective-dae2d92c18883f97775400fe4f314a2a070974e16913ef5f1f50faa62e603c0c014e38d805ae9b6812f24c1bb01c0e7d26eaf6849effc7bdd430f0fc573ff5f9","file":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Renderer2,\\n ElementRef,\\n Directive,\\n AfterViewInit,\\n Input,\\n HostBinding,\\n} from \'@angular/core\';\\nimport { storybookRandomParagraphs } from \'./storybook-random-paragraphs\';\\n\\n@Directive({\\n selector: \'[cviNgStorybookRandomParagraphs]\',\\n})\\nexport class StorybookRandomParagraphsDirective implements AfterViewInit {\\n @Input(\'cviNgStorybookRandomParagraphs\') minParagraphs = 5;\\n // Ignore the generated DOM in Chromatic because it changes on every render and triggers a false visual change https://www.chromatic.com/docs/ignoring-elements#ignore-dom-elements\\n @HostBinding(\'attr.data-chromatic\') chromaticIgnoreAttr = \'ignore\';\\n\\n maxParagraphs = 20;\\n\\n constructor(private el: ElementRef, private renderer: Renderer2) {}\\n\\n ngAfterViewInit(): void {\\n const randomParagraphsCount = Math.floor(\\n Math.random() * (this.maxParagraphs - this.minParagraphs) +\\n this.minParagraphs\\n );\\n let text = \'\';\\n for (let index = 0; index < randomParagraphsCount; index++) {\\n text += this.getRandomParagraph();\\n }\\n\\n this.renderer.setProperty(this.el.nativeElement, \'innerHTML\', text);\\n }\\n\\n getRandomParagraph(): string {\\n return `

    ${\\n storybookRandomParagraphs[\\n Math.floor(Math.random() * storybookRandomParagraphs.length)\\n ]\\n }

    `;\\n }\\n}\\n","selector":"[cviNgStorybookRandomParagraphs]","providers":[],"inputsClass":[{"name":"cviNgStorybookRandomParagraphs","defaultValue":"5","deprecated":false,"deprecationMessage":"","line":15,"type":"number","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.data-chromatic","defaultValue":"\'ignore\'","deprecated":false,"deprecationMessage":"","line":17,"type":"string","decorators":[]}],"hostListeners":[],"propertiesClass":[{"name":"chromaticIgnoreAttr","defaultValue":"\'ignore\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":17,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.data-chromatic\'"}]},{"name":"maxParagraphs","defaultValue":"20","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":19}],"methodsClass":[{"name":"getRandomParagraph","args":[],"optional":false,"returnType":"string","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":""}],"implements":["AfterViewInit"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""}],"line":19,"jsdoctags":[{"name":"el","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"TableOfContentsSectionDirective","id":"directive-TableOfContentsSectionDirective-d13cfa210d718673053cd428d431b17c5f733410327a13bc27f14feee160a88beb4472ba44c80c777f44de7b64ef793d4064cc85262eba67adbe02404679a36c","file":"libs/ui/src/lib/table-of-contents/toc-section.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n Directive,\\n HostBinding,\\n Input,\\n ElementRef,\\n OnInit,\\n OnDestroy,\\n} from \'@angular/core\';\\nimport { TableOfContentsService } from \'./table-of-contents.service\';\\n\\n@Directive({\\n selector: \'[cviNgToCSection]\',\\n exportAs: \'cviNgToCSection\',\\n})\\nexport class TableOfContentsSectionDirective implements OnInit, OnDestroy {\\n /** Must be equal to a href prop value of a TableOfContentsItemComponent in order to have scroll tracking working */\\n @HostBinding(\'id\') @Input(\'cviNgToCSection\') sectionId!: string;\\n\\n private intersectionObservable!: IntersectionObserver;\\n private elementToObserve!: Element;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private tocService: TableOfContentsService\\n ) {}\\n\\n ngOnInit(): void {\\n this.elementToObserve = this.elementRef.nativeElement;\\n\\n this.intersectionObservable = new IntersectionObserver(\\n (entries: IntersectionObserverEntry[]) => {\\n entries.forEach((entry) => {\\n if (entry.isIntersecting) {\\n this.tocService.setCurrentToCSection(this.sectionId);\\n }\\n });\\n },\\n { rootMargin: \'0px 0px -50% 0px\' }\\n );\\n this.intersectionObservable.observe(this.elementToObserve);\\n }\\n\\n ngOnDestroy(): void {\\n this.intersectionObservable.unobserve(this.elementToObserve);\\n }\\n}\\n","selector":"[cviNgToCSection]","providers":[],"inputsClass":[{"name":"cviNgToCSection","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMust be equal to a href prop value of a TableOfContentsItemComponent in order to have scroll tracking working","description":"

    Must be equal to a href prop value of a TableOfContentsItemComponent in order to have scroll tracking working

    \\n","line":17,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"propertiesClass":[{"name":"elementToObserve","deprecated":false,"deprecationMessage":"","type":"Element","optional":false,"description":"","line":20,"modifierKind":[121]},{"name":"intersectionObservable","deprecated":false,"deprecationMessage":"","type":"IntersectionObserver","optional":false,"description":"","line":19,"modifierKind":[121]}],"methodsClass":[],"implements":["OnInit","OnDestroy"],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":""}],"line":20,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},{"name":"TooltipDirective","id":"directive-TooltipDirective-f83acda7ae4cedefb6b6cfc21871c43d6fc533b0995e01480b066ab0538134c67d6f45d701df8ae64d43fa29985d9b3226698a45efe3ad585477018e3e982c03","file":"libs/ui/src/lib/tooltip/tooltip.directive.ts","type":"directive","description":"","rawdescription":"\\n","sourceCode":"import {\\n ComponentRef,\\n Directive,\\n ElementRef,\\n EmbeddedViewRef,\\n HostListener,\\n Inject,\\n Input,\\n ViewContainerRef,\\n} from \'@angular/core\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { TooltipComponent } from \'./tooltip.component\';\\n\\n@Directive({\\n selector: \'[cviNgTooltip]\',\\n exportAs: \'cviNgTooltip\',\\n})\\nexport class TooltipDirective {\\n @Input() cviNgTooltip = \'\';\\n\\n private componentRef: ComponentRef | null = null;\\n\\n constructor(\\n private elementRef: ElementRef,\\n private viewContainerRef: ViewContainerRef,\\n @Inject(DOCUMENT) private document: Document\\n ) {}\\n\\n @HostListener(\'mouseenter\')\\n onMouseEnter() {\\n if (this.componentRef === null) {\\n this.componentRef =\\n this.viewContainerRef.createComponent(TooltipComponent);\\n this.setTooltipComponentProperties();\\n const domElement = (this.componentRef.hostView as EmbeddedViewRef)\\n .rootNodes[0];\\n this.document.body.appendChild(domElement);\\n setTimeout(() => this.reposition(), 0);\\n }\\n }\\n\\n private setTooltipOutOfView() {\\n const coordinateOutOfView = -500;\\n if (this.componentRef !== null) {\\n this.componentRef.instance.left = coordinateOutOfView;\\n this.componentRef.instance.top = coordinateOutOfView;\\n this.componentRef.instance.arrowLeft = coordinateOutOfView;\\n this.componentRef.instance.arrowTop = coordinateOutOfView;\\n }\\n }\\n\\n private setTooltipComponentProperties() {\\n if (this.componentRef !== null) {\\n this.componentRef.instance.message = this.cviNgTooltip;\\n this.setTooltipOutOfView();\\n }\\n }\\n\\n private reposition() {\\n const { left, right, top } =\\n this.elementRef.nativeElement.getBoundingClientRect();\\n const elementCenter = (right + left) / 2;\\n const arrowModifierToCompensateRoundedEdges = 5.5;\\n const halfOfArrowWidth = 7.5;\\n const minimumDistanceFromWindowEdge = 15;\\n\\n if (\\n this.componentRef?.location.nativeElement.children[0].getBoundingClientRect() !==\\n undefined\\n ) {\\n const { width, height } =\\n this.componentRef.location.nativeElement.children[0].getBoundingClientRect();\\n\\n let tooltipPositionX;\\n let tooltipPositionY;\\n let tooltipArrowPositionX;\\n let tooltipArrowPositionY;\\n\\n // Checks if the tooltip element is too close to the left window edge\\n if (elementCenter < width / 2) {\\n tooltipPositionX = minimumDistanceFromWindowEdge;\\n tooltipPositionY = top - height - halfOfArrowWidth * 2;\\n tooltipArrowPositionX =\\n left - halfOfArrowWidth + arrowModifierToCompensateRoundedEdges;\\n tooltipArrowPositionY = top - halfOfArrowWidth * 3;\\n }\\n // Checks if the tooltip element is too close to the right window edge\\n else if (this.document.body.clientWidth - elementCenter < width / 2) {\\n tooltipPositionX =\\n this.document.body.getBoundingClientRect().width -\\n width -\\n minimumDistanceFromWindowEdge;\\n tooltipPositionY = top - height - halfOfArrowWidth * 2;\\n tooltipArrowPositionX =\\n -width +\\n right +\\n width -\\n halfOfArrowWidth -\\n arrowModifierToCompensateRoundedEdges;\\n tooltipArrowPositionY = top - halfOfArrowWidth * 3;\\n } else {\\n tooltipPositionX = right - width * 0.5 - (right - left) / 2;\\n tooltipPositionY = top - height - halfOfArrowWidth * 2;\\n tooltipArrowPositionX =\\n right -\\n width * 0.5 -\\n (right - left) / 2 +\\n (width / 2 - halfOfArrowWidth);\\n tooltipArrowPositionY = top - halfOfArrowWidth * 3;\\n }\\n\\n this.componentRef.instance.left = tooltipPositionX;\\n this.componentRef.instance.top = tooltipPositionY;\\n this.componentRef.instance.arrowLeft = tooltipArrowPositionX;\\n this.componentRef.instance.arrowTop = tooltipArrowPositionY;\\n this.componentRef.changeDetectorRef.detectChanges();\\n }\\n }\\n\\n @HostListener(\'mouseleave\')\\n onMouseLeave() {\\n if (this.componentRef !== null) {\\n this.componentRef.destroy();\\n this.componentRef = null;\\n }\\n }\\n\\n @HostListener(\'click\', [\'$event\'])\\n onMouseClick(event: Event) {\\n event?.stopPropagation();\\n }\\n}\\n","selector":"[cviNgTooltip]","providers":[],"inputsClass":[{"name":"cviNgTooltip","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":19,"type":"string","decorators":[]}],"outputsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"click","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":129},{"name":"mouseenter","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":30},{"name":"mouseleave","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":121}],"propertiesClass":[{"name":"componentRef","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ComponentRef | null","optional":false,"description":"","line":21,"modifierKind":[121]}],"methodsClass":[{"name":"onMouseClick","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":129,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'click\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onMouseEnter","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseenter\'"}]},{"name":"onMouseLeave","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":121,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseleave\'"}]},{"name":"reposition","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"setTooltipComponentProperties","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":52,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"setTooltipOutOfView","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":42,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""}],"line":21,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"viewContainerRef","type":"ViewContainerRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    SelectorcviNgTooltip
    Directive nameTooltipDirective
    Permitted parent/ancestorsany
    \\n

    Where to use

    \\n

    When directive is applied to HTML element then hovering over the element displays tooltip above the HTML element.

    \\n

    You can customise z-index of the tooltip by redefining --cvi-tooltip-zindex CSS variable in your app.

    \\n"}],"components":[{"name":"AccordionComponent","id":"component-AccordionComponent-408aced653cf898115fa5b44a539293b0e08873aabdc5c831d64edcc7d3899cdf695bd5123ce4847a80f812ef5c1d0a858d17088483695ec27ee83c141f546d8","file":"libs/ui/src/lib/accordion/accordion.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-accordion","styleUrls":[],"styles":[],"templateUrl":["./accordion.component.html"],"viewProviders":[],"inputsClass":[{"name":"expandedItems","defaultValue":"[]","deprecated":false,"deprecationMessage":"","line":46,"type":"number[]","decorators":[]},{"name":"singleOpen","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":47,"type":"boolean","decorators":[]}],"outputsClass":[{"name":"toggled","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":48,"type":"EventEmitter"}],"propertiesClass":[{"name":"accordionId","defaultValue":"uuidv4()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":50},{"name":"accordionItemDirectives","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":53,"decorators":[{"name":"ContentChildren","stringifiedArguments":"AccordionItemDirective"}]},{"name":"changesSubscription","defaultValue":"new Subscription()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":57},{"name":"items","defaultValue":"new BehaviorSubject([])","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":55,"modifierKind":[121]},{"name":"items$","defaultValue":"this.items.asObservable()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":56}],"methodsClass":[{"name":"getToggleState","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"any","typeParameters":[],"line":69,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"itemInExpanded","args":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"toggle","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":77,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":59,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n animate,\\n state,\\n style,\\n transition,\\n trigger,\\n} from \'@angular/animations\';\\nimport {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n Component,\\n ContentChildren,\\n EventEmitter,\\n HostBinding,\\n Input,\\n OnDestroy,\\n Output,\\n QueryList,\\n} from \'@angular/core\';\\nimport { AccordionItemDirective } from \'./directives/accordion-item.directive\';\\nimport { BehaviorSubject, Subscription } from \'rxjs\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-accordion\',\\n templateUrl: \'./accordion.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n animations: [\\n trigger(\'contentExpansion\', [\\n state(\\n \'expanded\',\\n style({ height: \'*\', opacity: 1, visibility: \'visible\' })\\n ),\\n state(\\n \'collapsed\',\\n style({ height: \'0px\', opacity: 0, visibility: \'hidden\' })\\n ),\\n transition(\\n \'expanded <=> collapsed\',\\n animate(\'200ms cubic-bezier(.37,1.04,.68,.98)\')\\n ),\\n ]),\\n ],\\n})\\nexport class AccordionComponent implements AfterViewInit, OnDestroy {\\n @Input() expandedItems: number[] = [];\\n @Input() singleOpen = true;\\n @Output() toggled = new EventEmitter();\\n\\n accordionId = uuidv4();\\n\\n @ContentChildren(AccordionItemDirective)\\n accordionItemDirectives!: QueryList;\\n\\n private items = new BehaviorSubject([]);\\n items$ = this.items.asObservable();\\n changesSubscription = new Subscription();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-accordion`;\\n }\\n\\n ngAfterViewInit(): void {\\n this.changesSubscription = this.accordionItemDirectives?.changes.subscribe(\\n () => this.items.next(this.accordionItemDirectives.toArray())\\n );\\n }\\n\\n getToggleState(index: number) {\\n return this.toggle.bind(this, index);\\n }\\n\\n itemInExpanded(i: number): boolean {\\n return this.expandedItems.indexOf(i) >= 0;\\n }\\n\\n toggle(index: number): void {\\n if (this.expandedItems.includes(index)) {\\n this.expandedItems = this.expandedItems.filter((i) => i !== index);\\n } else {\\n if (this.singleOpen) {\\n this.expandedItems = [];\\n }\\n this.expandedItems = [...this.expandedItems, index];\\n\\n const itemToScrollTo = document.getElementById(\\n \'accordion-\' + this.accordionId + \'-item-\' + index\\n );\\n if (itemToScrollTo) {\\n itemToScrollTo.scrollIntoView(true);\\n }\\n }\\n this.toggled.emit(index);\\n }\\n\\n ngOnDestroy(): void {\\n if (this.changesSubscription) {\\n this.changesSubscription.unsubscribe();\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["AfterViewInit","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":59}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-accordion
    Component nameAccordionComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-accordion-item
    \\n

    Where to use

    \\n

    Utilise when there is a need to display a list of questions with answers displayed in a compact way.

    \\n

    Custom titles and custom headers can be used via cviNgAccordionTitle and cviNgAccordionHeader ng-template directives.

    \\n","templateData":"
      \\n
    • \\n \\n
      \\n \\n
      {{ item.details }}
      \\n
      \\n \\n
      \\n       \\n
      \\n
      • \\n
    \\n\\n\\n
    \\n \\n
    \\n \\n

    {{item?.title}}

    \\n     \\n    \\n"},{"name":"AppComponent","id":"component-AppComponent-6acee28034c3e5a4db9b865cdbed08e5857248a1fbf881ba058ed7773d8eeb91b92c0ba485a39e6b519c63ac0f62d5f405f2f487d438360a7b409b37565bc616","file":"apps/ria/src/app/app.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-root","styleUrls":[],"styles":[],"templateUrl":["./app.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component } from \'@angular/core\';\\nimport { TranslateService } from \'@ngx-translate/core\';\\nimport { FormBuilder } from \'@angular/forms\';\\n\\n@Component({\\n selector: \'cvi-ng-root\',\\n templateUrl: \'./app.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class AppComponent {\\n constructor(\\n private translate: TranslateService,\\n private formBuilder: FormBuilder\\n ) {\\n this.translate.setDefaultLang(\'et\');\\n this.translate.use(\'et\');\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"translate","type":"TranslateService","deprecated":false,"deprecationMessage":""},{"name":"formBuilder","type":"FormBuilder","deprecated":false,"deprecationMessage":""}],"line":10,"jsdoctags":[{"name":"translate","type":"TranslateService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"formBuilder","type":"FormBuilder","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"templateData":""},{"name":"BodyCellComponent","id":"component-BodyCellComponent-1fedc325d0971d24e4dca6eeebdff5d2477a598b0d2dcca1f4cf10a99b8885e8b1b2faed71210cfbd896e3ce422f968693563f1c2781af80ae47558b9c83703c","file":"libs/ui/src/lib/table/body-cell/body-cell.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"[cvi-ng-body-cell]","styleUrls":[],"styles":[],"templateUrl":["./body-cell.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n // eslint-disable-next-line @angular-eslint/component-selector\\n selector: \'[cvi-ng-body-cell]\',\\n templateUrl: \'./body-cell.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class BodyCellComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table__body-cell`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":10}}},"templateData":"
    \\n \\n
    \\n"},{"name":"BreadcrumbsComponent","id":"component-BreadcrumbsComponent-b03407a25c14d4e5c1277aff98ff30c4472ca083b9e73e95c2847afeca9096ce8bf60fdc264c84f1a342e057f52c6903f89dda16bd5cd3a22abd87f7514f229d","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-breadcrumbs","styleUrls":[],"styles":[],"templateUrl":["./breadcrumbs.component.html"],"viewProviders":[],"inputsClass":[{"name":"breadcrumbs","deprecated":false,"deprecationMessage":"","line":16,"type":"literal type[]","decorators":[]},{"name":"iconName","defaultValue":"null","deprecated":false,"deprecationMessage":"","rawdescription":"\\nName of an icon in front of breadcrumb","description":"

    Name of an icon in front of breadcrumb

    \\n","line":19,"type":"CviIconName | null","decorators":[]}],"outputsClass":[{"name":"breadcrumbChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":21,"type":"EventEmitter"}],"propertiesClass":[{"name":"mobileBreadcrumbIndex","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":23}],"methodsClass":[{"name":"getMobileBreadcrumbIndex","args":[],"optional":false,"returnType":"number","typeParameters":[],"line":28,"deprecated":false,"deprecationMessage":"","modifierKind":[123]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Component({\\n selector: \'cvi-ng-breadcrumbs\',\\n templateUrl: \'./breadcrumbs.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class BreadcrumbsComponent {\\n @Input() breadcrumbs!: { title: string; href: string | undefined }[];\\n\\n /** Name of an icon in front of breadcrumb */\\n @Input() iconName: CviIconName | null = null;\\n\\n @Output() breadcrumbChange = new EventEmitter();\\n\\n mobileBreadcrumbIndex!: number;\\n\\n // Finds the index of a breadcrumb item that should be shown for mobile view.\\n // Finds the index of last element starting from penultimate element in the list that has a href.\\n // If no such elements exist, returns index of last element.\\n public getMobileBreadcrumbIndex(): number {\\n const lastElementIndex = this.breadcrumbs.length - 1;\\n for (let index = lastElementIndex - 1; index >= 0; index--) {\\n if (index !== lastElementIndex && this.breadcrumbs[index].href) {\\n return index;\\n }\\n }\\n return lastElementIndex;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-breadcrumbs
    Component nameBreadcrumbsComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Use to show info about navigation.

    \\n","templateData":"\\n \\n \\n \\n\\n"},{"name":"ButtonComponent","id":"component-ButtonComponent-c45a63a17cd796d19da3f2982ce3bc72f6b04eb8cf1b3a6f176f10b9a5fedcf736882a745658a49a77032a8bf7b781a0603263d383889850a4c0900eb1517dd2","file":"libs/ui/src/lib/button/button.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-button","styleUrls":[],"styles":[],"templateUrl":["./button.component.html"],"viewProviders":[],"inputsClass":[{"name":"appearance","defaultValue":"\'primary\'","deprecated":false,"deprecationMessage":"","line":18,"type":"\\"primary\\" | \\"secondary\\" | \\"text\\"","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nButton is disabled","description":"

    Button is disabled

    \\n","line":24,"type":"boolean","decorators":[]},{"name":"iconHeight","deprecated":false,"deprecationMessage":"","line":34,"type":"number","decorators":[]},{"name":"iconName","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon name","description":"

    Icon name

    \\n","line":39,"type":"CviIconName","decorators":[]},{"name":"iconPosition","defaultValue":"\'after\'","deprecated":false,"deprecationMessage":"","line":26,"type":"LabeledIconPosition","decorators":[]},{"name":"size","defaultValue":"\'m\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nButton size","description":"

    Button size

    \\n","line":21,"type":"\\"m\\" | \\"s\\"","decorators":[]}],"outputsClass":[{"name":"clickEvent","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":41,"type":"EventEmitter"}],"propertiesClass":[{"name":"_iconHeight","defaultValue":"16","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"

    Icon height in px

    \\n","line":29,"rawdescription":"\\nIcon height in px","modifierKind":[121]},{"name":"buttonRef","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":51,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'buttonRef\'"}]}],"methodsClass":[{"name":"focus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":57,"deprecated":false,"deprecationMessage":""},{"name":"onClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":43,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n Component,\\n ElementRef,\\n EventEmitter,\\n HostBinding,\\n Input,\\n Output,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { LabeledIconPosition } from \'../icons/icon-position\';\\n\\n@Component({\\n selector: \'cvi-ng-button\',\\n templateUrl: \'./button.component.html\',\\n})\\nexport class ButtonComponent {\\n @Input() appearance: \'primary\' | \'secondary\' | \'text\' = \'primary\';\\n\\n /** Button size */\\n @Input() size: \'m\' | \'s\' = \'m\';\\n\\n /** Button is disabled */\\n @Input() disabled = false;\\n\\n @Input() iconPosition: LabeledIconPosition = \'after\';\\n\\n /** Icon height in px */\\n private _iconHeight = 16;\\n\\n get iconHeight() {\\n return this._iconHeight;\\n }\\n @Input() set iconHeight(iconHeight) {\\n this._iconHeight = iconHeight;\\n }\\n\\n /** Icon name */\\n @Input() iconName!: CviIconName;\\n\\n @Output() clickEvent = new EventEmitter();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-button cvi-button--appearance-${\\n this.appearance\\n } cvi-button--size-${this.size}${\\n this.disabled ? \' cvi-button--is-disabled\' : \'\'\\n }`;\\n }\\n\\n @ViewChild(\'buttonRef\') buttonRef!: ElementRef;\\n\\n onClick(): void {\\n this.clickEvent.emit();\\n }\\n\\n focus(): void {\\n this.buttonRef.nativeElement.focus();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"iconHeight":{"name":"iconHeight","setSignature":{"name":"iconHeight","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"iconHeight","type":"","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":34,"jsdoctags":[{"name":"iconHeight","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"iconHeight","type":"","returnType":"","line":31}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":43}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-button
    Component nameButtonComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenPhrasing content
    \\n

    Where to use

    \\n

    Displays a regular button. You can have it disabled or switch its visuals through appearance prop.

    \\n

    You can use --cvi-button-color and --cvi-button-color--hover CSS variables to customise the background color of the button with appearance=primary prop.

    \\n

    You can also utilise --cvi-button--text-decoration to remove the underline when appearance="text".

    \\n","templateData":"\\n\\n\\n \\n \\n\\n\\n\\n \\n\\n"},{"name":"CharacterCounterComponent","id":"component-CharacterCounterComponent-12b0050349360a50dcf9715e8b710a2a1721957fb8dae4eb466a762571d2099cb6f4a2d9866e3a4c4077b44c2cd7ffb30f0b33985f2087b117d782c9fc1ad197","file":"libs/ui/src/lib/character-counter/character-counter.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-character-counter","styleUrls":[],"styles":[],"templateUrl":["./character-counter.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"charsMax","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":13},{"name":"charsUsed","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":14}],"methodsClass":[{"name":"detectChanges","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":18,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-character-counter\',\\n templateUrl: \'./character-counter.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class CharacterCounterComponent {\\n charsMax = 0;\\n charsUsed = 0;\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n detectChanges() {\\n this.cdRef.markForCheck();\\n this.cdRef.detectChanges();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":14,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"templateData":"
    \\n {{charsUsed}} / {{charsMax}}\\n
    \\n"},{"name":"CircleComponent","id":"component-CircleComponent-64e6d33ed2ad1f71aab33369ef3708af4fa13209257f9dc64c35634dc39b27420fd4fdab53f84422031d92e09a054471967085ef0f8526857a31c362cd71ab4e","file":"libs/ui/src/lib/circle/circle.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-circle","styleUrls":[],"styles":[],"templateUrl":["./circle.component.html"],"viewProviders":[],"inputsClass":[{"name":"iconName","defaultValue":"undefined","deprecated":false,"deprecationMessage":"","line":30,"type":"CviIconName","decorators":[]},{"name":"progressPercentage","defaultValue":"undefined","deprecated":false,"deprecationMessage":"","line":31,"type":"number","decorators":[]},{"name":"severity","defaultValue":"\'none\'","deprecated":false,"deprecationMessage":"","line":28,"type":"CircleSeverity","decorators":[]},{"name":"size","defaultValue":"\'s\'","deprecated":false,"deprecationMessage":"","line":29,"type":"\\"m\\" | \\"s\\"","decorators":[]},{"name":"theme","defaultValue":"\'light\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly relevant when progressPercentage is undefined","description":"

    Only relevant when progressPercentage is undefined

    \\n","line":26,"type":"CircleTheme","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getSeverityProperty","args":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | null","typeParameters":[],"line":79,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getThemeProperty","args":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | null","typeParameters":[],"line":69,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":33,"type":"string","decorators":[]},{"name":"class.cvi-circle--with-progress","deprecated":false,"deprecationMessage":"","line":38,"type":"boolean","decorators":[]},{"name":"style.--background-color","deprecated":false,"deprecationMessage":"","line":55,"type":"string | null","decorators":[]},{"name":"style.--border-color","deprecated":false,"deprecationMessage":"","line":43,"type":"string | null","decorators":[]},{"name":"style.--color","deprecated":false,"deprecationMessage":"","line":48,"type":"string | null","decorators":[]},{"name":"style.--progress","deprecated":false,"deprecationMessage":"","line":60,"type":"string | null","decorators":[]},{"name":"style.--progress-background-color","deprecated":false,"deprecationMessage":"","line":65,"type":"string | null","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\nimport {\\n CircleSeverity,\\n CircleSeverityProperties,\\n CircleSeverityPropertyGroup,\\n circleSeverityPropertyGroups,\\n CircleTheme,\\n CircleThemeProperties,\\n CircleThemePropertyGroup,\\n circleThemePropertyGroups,\\n} from \'./circle\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\n@Component({\\n selector: \'cvi-ng-circle\',\\n templateUrl: \'./circle.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class CircleComponent {\\n /** Only relevant when progressPercentage is undefined */\\n @Input() theme: CircleTheme = \'light\';\\n\\n @Input() severity: CircleSeverity = \'none\';\\n @Input() size: \'m\' | \'s\' = \'s\';\\n @Input() iconName?: CviIconName = undefined;\\n @Input() progressPercentage?: number = undefined;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-circle cvi-circle--size-${this.size} cvi-circle--severity-${this.severity}`;\\n }\\n\\n @HostBinding(\'class.cvi-circle--with-progress\')\\n get hostProgressClass(): boolean {\\n return this.progressPercentage !== undefined;\\n }\\n\\n @HostBinding(\'style.--border-color\')\\n get hostStyleBorderColor(): string | null {\\n return this.getThemeProperty(\'--border-color\');\\n }\\n\\n @HostBinding(\'style.--color\')\\n get hostStyleColor(): string | null {\\n return this.severity === \'none\'\\n ? this.getThemeProperty(\'--color\')\\n : this.getSeverityProperty(\'--color\');\\n }\\n\\n @HostBinding(\'style.--background-color\')\\n get hostStyleBackgroundColor(): string | null {\\n return this.getSeverityProperty(\'--background-color\');\\n }\\n\\n @HostBinding(\'style.--progress\')\\n get hostStyleProgress(): string | null {\\n return this.progressPercentage ? this.progressPercentage + \'%\' : null;\\n }\\n\\n @HostBinding(\'style.--progress-background-color\')\\n get hostStyleProgressBackgroundColor(): string | null {\\n return this.getSeverityProperty(\'--progress-background-color\');\\n }\\n\\n getThemeProperty(propName: keyof CircleThemeProperties): string | null {\\n const item = circleThemePropertyGroups.find(\\n (group: CircleThemePropertyGroup) => group.theme === this.theme\\n );\\n if (item) {\\n return `var(${item.properties[propName as keyof CircleThemeProperties]})`;\\n }\\n return null;\\n }\\n\\n getSeverityProperty(propName: keyof CircleSeverityProperties): string | null {\\n const item = circleSeverityPropertyGroups.find(\\n (group: CircleSeverityPropertyGroup) => group.severity === this.severity\\n );\\n if (item) {\\n const cssValue =\\n item.properties[propName as keyof CircleSeverityProperties];\\n if (cssValue !== \'transparent\') {\\n return `var(${cssValue})`;\\n } else {\\n return \'transparent\';\\n }\\n }\\n return null;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":33}},"hostProgressClass":{"name":"hostProgressClass","getSignature":{"name":"hostProgressClass","type":"boolean","returnType":"boolean","line":38}},"hostStyleBorderColor":{"name":"hostStyleBorderColor","getSignature":{"name":"hostStyleBorderColor","type":"","returnType":"string | null","line":43}},"hostStyleColor":{"name":"hostStyleColor","getSignature":{"name":"hostStyleColor","type":"","returnType":"string | null","line":48}},"hostStyleBackgroundColor":{"name":"hostStyleBackgroundColor","getSignature":{"name":"hostStyleBackgroundColor","type":"","returnType":"string | null","line":55}},"hostStyleProgress":{"name":"hostStyleProgress","getSignature":{"name":"hostStyleProgress","type":"","returnType":"string | null","line":60}},"hostStyleProgressBackgroundColor":{"name":"hostStyleProgressBackgroundColor","getSignature":{"name":"hostStyleProgressBackgroundColor","type":"","returnType":"string | null","line":65}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-circle
    Component nameCircleComponent
    Contentany
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    To display a themed circle with an icon or given content. Allows adding severity and progress bar as a frame.

    \\n

    To overwrite the border color added by the theme, pass --cvi-circle-border-color to component's style property.

    \\n","templateData":"\\n \\n\\n\\n\\n \\n \\n\\n"},{"name":"ConfirmationModalComponent","id":"component-ConfirmationModalComponent-859a82b14c099d12e3344100b7c78e4a19332b48aa2756e3cd6117fd238190f05dc33b99f5ad62329e4b2ff73d66263a9c0e6da6f2d0b294990600b150064a84","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-confirmation-modal","styleUrls":[],"styles":[],"templateUrl":["./confirmation-modal.component.html"],"viewProviders":[],"inputsClass":[{"name":"cancelButtonText","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":19,"type":"string","decorators":[]},{"name":"confirmButtonText","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]},{"name":"title","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]}],"outputsClass":[{"name":"cancelled","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":22,"type":"EventEmitter"},{"name":"confirmed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":23,"type":"EventEmitter"}],"propertiesClass":[{"name":"cancelButtonRef","deprecated":false,"deprecationMessage":"","type":"ButtonComponent","optional":false,"description":"","line":25,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'cancelButtonRef\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n Output,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { ButtonComponent } from \'../button/button.component\';\\n\\n@Component({\\n selector: \'cvi-ng-confirmation-modal\',\\n templateUrl: \'./confirmation-modal.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ConfirmationModalComponent implements AfterViewInit {\\n @Input() title = \'\';\\n @Input() cancelButtonText = \'\';\\n @Input() confirmButtonText = \'\';\\n\\n @Output() cancelled = new EventEmitter();\\n @Output() confirmed = new EventEmitter();\\n\\n @ViewChild(\'cancelButtonRef\') cancelButtonRef!: ButtonComponent;\\n\\n ngAfterViewInit() {\\n this.cancelButtonRef?.focus();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["AfterViewInit"],"templateData":"

    \\n {{ title }}\\n

    \\n
    \\n \\n
    \\n
    \\n \\n \\n {{ cancelButtonText }}\\n \\n \\n {{ confirmButtonText }}\\n \\n \\n
    \\n"},{"name":"ContentContainerComponent","id":"component-ContentContainerComponent-e857cecac585fb39168a205de08f76c91d1ec68d5758d580793528eef85a90e97e8b2645b6e368895126ed27c73d47911fcd3c8d3dcaf1b21fcd19730aa1060b","file":"libs/ui/src/lib/content-container/content-container.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-content-container","styleUrls":[],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":8,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-content-container\',\\n template: ``,\\n})\\nexport class ContentContainerComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-content-container`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":8}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-content-container
    Component nameContentContainerComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Adds a main content area to the right of the sidebar.

    \\n"},{"name":"ContentPanelComponent","id":"component-ContentPanelComponent-788f97ab714965ea67b4a4050afb8e6c3a46a3e7e0b7133d3ccbf2f6c049ae5f7f5c33f89772738edb6dd4899fe44f531109740caeb430f5a093f0f1957c3526","file":"libs/ui/src/lib/content-panel/content-panel.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-content-panel","styleUrls":[],"styles":[],"templateUrl":["./content-panel.component.html"],"viewProviders":[],"inputsClass":[{"name":"title","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":14,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":15,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-content-panel\',\\n templateUrl: \'./content-panel.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ContentPanelComponent {\\n @Input() title = \'\';\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-content-panel`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":15}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-content-panel
    Component nameContentPanelComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Adds a prominent box for any kind of primary content.

    \\n","templateData":"

    {{ title }}

    \\n\\n"},{"name":"DatepickerCalendarComponent","id":"component-DatepickerCalendarComponent-ef10daac2aaf89721fe09556f144b632d4af735b835d3420f2c208324089fbc32c6c78fcdc25260182c588474da8e1efa4a4f2bb9cc39a5d86371e6a3910562a","file":"libs/ui/src/lib/datepicker/datepicker-calendar.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-datepicker-calendar","styleUrls":[],"styles":[],"templateUrl":["./datepicker-calendar.component.html"],"viewProviders":[],"inputsClass":[{"name":"baseId","deprecated":false,"deprecationMessage":"","line":22,"type":"string","decorators":[]},{"name":"date","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]},{"name":"dayFullLabels","deprecated":false,"deprecationMessage":"","line":20,"type":"string[]","decorators":[]},{"name":"dayShorthandLabels","deprecated":false,"deprecationMessage":"","line":19,"type":"string[]","decorators":[]},{"name":"monthLabels","deprecated":false,"deprecationMessage":"","line":21,"type":"string[]","decorators":[]}],"outputsClass":[{"name":"dateChanged","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":24,"type":"EventEmitter"}],"propertiesClass":[{"name":"calendarArray","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"number[][]","optional":false,"description":"","line":29},{"name":"displayDate","deprecated":false,"deprecationMessage":"","type":"Date","optional":false,"description":"","line":28},{"name":"selectedDate","deprecated":false,"deprecationMessage":"","type":"Date","optional":false,"description":"","line":27},{"name":"today","defaultValue":"new Date()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":26}],"methodsClass":[{"name":"formatDate","args":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":130,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getCalendarArray","args":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"[][]","typeParameters":[],"line":51,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"date","type":"Date","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"getDateClass","args":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":""},{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":85,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleClick","args":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":111,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"day","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"nextMonth","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":125,"deprecated":false,"deprecationMessage":""},{"name":"pad","args":[{"name":"n","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":136,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"n","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"parseDate","args":[{"name":"date","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"Date","typeParameters":[],"line":46,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"date","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"previousMonth","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":120,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n OnChanges,\\n OnInit,\\n Output,\\n SimpleChanges,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-datepicker-calendar\',\\n templateUrl: \'./datepicker-calendar.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class DatepickerCalendarComponent implements OnChanges, OnInit {\\n @Input() date?: string;\\n @Input() dayShorthandLabels!: string[];\\n @Input() dayFullLabels!: string[];\\n @Input() monthLabels!: string[];\\n @Input() baseId!: string;\\n\\n @Output() dateChanged = new EventEmitter();\\n\\n today = new Date();\\n selectedDate!: Date;\\n displayDate!: Date;\\n calendarArray: number[][] = [];\\n\\n ngOnInit(): void {\\n if (this.calendarArray.length === 0) {\\n this.displayDate = new Date();\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n }\\n\\n ngOnChanges(changes: SimpleChanges) {\\n if (changes[\'date\'] && this.date) {\\n this.selectedDate = this.parseDate(this.date);\\n this.displayDate = new Date(this.selectedDate);\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n }\\n\\n parseDate(date: string): Date {\\n const [day, month, year] = date.split(\'.\').map(Number);\\n return new Date(year, month - 1, day);\\n }\\n\\n getCalendarArray(date: Date): number[][] {\\n const firstDay = new Date(date.getFullYear(), date.getMonth(), 1).getDay();\\n const adjustedFirstDay = firstDay === 0 ? 7 : firstDay; // adjust for week starting on Monday\\n const numberOfDays = new Date(\\n date.getFullYear(),\\n date.getMonth() + 1,\\n 0\\n ).getDate();\\n\\n const weeks: number[][] = [];\\n let day = 1;\\n let week: number[] = [];\\n\\n // Adjust the first week\\n for (let i = 1; i <= 7; i++) {\\n if (i < adjustedFirstDay) {\\n week.push(0);\\n } else {\\n week.push(day++);\\n }\\n }\\n weeks.push(week);\\n\\n // Add the rest of the weeks\\n while (day <= numberOfDays) {\\n week = new Array(7)\\n .fill(0)\\n .map((_, i) => (day <= numberOfDays ? day++ : 0));\\n weeks.push(week);\\n }\\n\\n return weeks;\\n }\\n\\n getDateClass(day: number, index: number): string {\\n let classes = \'\';\\n\\n const isSelectedDate =\\n this.selectedDate &&\\n day === this.selectedDate.getDate() &&\\n this.displayDate.getMonth() === this.selectedDate.getMonth() &&\\n this.displayDate.getFullYear() === this.selectedDate.getFullYear();\\n\\n const isToday =\\n day === this.today.getDate() &&\\n this.displayDate.getMonth() === this.today.getMonth() &&\\n this.displayDate.getFullYear() === this.today.getFullYear();\\n\\n if (isSelectedDate) {\\n classes += \' cvi-datepicker__calendar-button--selected\';\\n }\\n if (isToday && !isSelectedDate) {\\n classes += \' cvi-datepicker__calendar-button--today\';\\n }\\n if (!isSelectedDate && (index === 5 || index === 6)) {\\n classes += \' cvi-datepicker__calendar-button--weekend\';\\n }\\n return classes.trim();\\n }\\n\\n handleClick(day: number) {\\n this.selectedDate = new Date(\\n this.displayDate.getFullYear(),\\n this.displayDate.getMonth(),\\n day\\n );\\n this.dateChanged.emit(this.formatDate(this.selectedDate));\\n }\\n\\n previousMonth() {\\n this.displayDate.setMonth(this.displayDate.getMonth() - 1);\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n\\n nextMonth() {\\n this.displayDate.setMonth(this.displayDate.getMonth() + 1);\\n this.calendarArray = this.getCalendarArray(this.displayDate);\\n }\\n\\n formatDate(date: Date): string {\\n return `${this.pad(date.getDate())}.${this.pad(\\n date.getMonth() + 1\\n )}.${date.getFullYear()}`;\\n }\\n\\n private pad(n: number): string {\\n return n < 10 ? \'0\' + n : \'\' + n;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnChanges","OnInit"],"templateData":"
    \\n
    \\n
    \\n \\n
    \\n
    {{ monthLabels[displayDate.getMonth()] }} {{ displayDate.getFullYear() }}
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    {{ label }}
    \\n
    \\n
    \\n
    \\n \\n {{ day }}\\n \\n
    \\n
    \\n
    \\n
    \\n"},{"name":"DatepickerComponent","id":"component-DatepickerComponent-45c3c7e86848ccbccd5811476c73bee43cb4c78e6dc438aa8c0c0796e93128d52de74cc2cf8136a684e04712c452e2610d3616867400571b1f2d67ad8ff73a38","file":"libs/ui/src/lib/datepicker/datepicker.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true,\\n}","type":"component"}],"selector":"cvi-ng-datepicker","styleUrls":[],"styles":[],"templateUrl":["./datepicker.component.html"],"viewProviders":[],"inputsClass":[{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":31,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","line":30,"type":"string","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":32,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"calendarComponent","deprecated":false,"deprecationMessage":"","type":"ElementRef | undefined","optional":false,"description":"","line":33,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'datePickerCalendar\'"}]},{"name":"dayFullLabels$","defaultValue":"this.labelConfig.getDayFullLabels()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":40},{"name":"dayShorthandLabels$","defaultValue":"this.labelConfig.getDayShorthandLabels()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":39},{"name":"focus","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":45},{"name":"internalValue","deprecated":false,"deprecationMessage":"","type":"string","optional":true,"description":"","line":37,"modifierKind":[121]},{"name":"monthLabels$","defaultValue":"this.labelConfig.getMonthLabels()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":41},{"name":"onChanged","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":54,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":56,"modifierKind":[121]},{"name":"screenreaderDescription$","defaultValue":"this.labelConfig.getScreenReaderDescription()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":43},{"name":"screenreaderLabel$","defaultValue":"this.labelConfig.getScreenReaderLabel()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":42},{"name":"select","deprecated":false,"deprecationMessage":"","type":"HTMLElement","optional":false,"description":"","line":51,"modifierKind":[121,144]},{"name":"valueValidated","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":46}],"methodsClass":[{"name":"handleClickOutside","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:click\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleDateSelect","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":148,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleKeyboardEvent","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:keydown\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleValue","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":76,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onInput","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'input\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":134,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[]}],"optional":false,"returnType":"void","typeParameters":[],"line":138,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[],"tagName":{"text":"param"}}]},{"name":"setFocus","args":[{"name":"focus","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":142,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"focus","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"toggleFocus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":169,"deprecated":false,"deprecationMessage":""},{"name":"validateValue","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":153,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"string | undefined","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":130,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":103,"type":"string","decorators":[]}],"hostListeners":[{"name":"document:click","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":59},{"name":"document:keydown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":97},{"name":"input","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":71}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n forwardRef,\\n HostBinding,\\n HostListener,\\n Inject,\\n Input,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { DATEPICKER_LABEL_CONFIG } from \'./datepicker-label-config.token\';\\nimport { DatepickerLabelConfig } from \'./datepicker-label.config\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-datepicker\',\\n templateUrl: \'./datepicker.component.html\',\\n providers: [\\n {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => DatepickerComponent),\\n multi: true,\\n },\\n ],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class DatepickerComponent implements ControlValueAccessor {\\n @Input() htmlId!: string;\\n @Input() disabled = false;\\n @Input() placeholder = \'\';\\n @ViewChild(\'datePickerCalendar\') calendarComponent:\\n | ElementRef\\n | undefined;\\n\\n private internalValue?: string;\\n\\n dayShorthandLabels$ = this.labelConfig.getDayShorthandLabels();\\n dayFullLabels$ = this.labelConfig.getDayFullLabels();\\n monthLabels$ = this.labelConfig.getMonthLabels();\\n screenreaderLabel$ = this.labelConfig.getScreenReaderLabel();\\n screenreaderDescription$ = this.labelConfig.getScreenReaderDescription();\\n\\n focus = false;\\n valueValidated = \'\';\\n\\n /** @internal */\\n baseId = \'datepicker-\' + uuidv4();\\n\\n private readonly select: HTMLElement;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/no-unused-vars\\n private onChanged = (_: string) => {};\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched = () => {};\\n\\n @HostListener(\'document:click\', [\'$event\'])\\n handleClickOutside(event: Event) {\\n const targetElement = event.target as HTMLElement;\\n\\n if (\\n !this.disabled &&\\n !this.select.contains(event.target as never) &&\\n !targetElement.classList.contains(\'cvi-datepicker__input-icon-wrapper\')\\n ) {\\n this.setFocus(false);\\n }\\n }\\n @HostListener(\'input\', [\'$event\'])\\n onInput(event: InputEvent) {\\n const inputElement = event.target as HTMLInputElement;\\n inputElement.value = this.handleValue(inputElement.value);\\n }\\n\\n handleValue(value: string): string {\\n value = value.replace(/[^\\\\d.]/g, \'\');\\n\\n if (\\n value.length >= 3 &&\\n value.charAt(2) !== \'.\' &&\\n value.split(\'.\').length - 1 < 2\\n ) {\\n value = value.substring(0, 2) + \'.\' + value.substring(2);\\n }\\n if (\\n value.length >= 6 &&\\n value.charAt(5) !== \'.\' &&\\n value.split(\'.\').length - 1 < 2\\n ) {\\n value = value.substring(0, 5) + \'.\' + value.substring(5);\\n }\\n return value;\\n }\\n\\n @HostListener(\'document:keydown\', [\'$event\'])\\n handleKeyboardEvent(event: KeyboardEvent) {\\n if (event.key === \'Escape\') {\\n this.setFocus(false);\\n }\\n }\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n const baseClass = \'cvi-datepicker\';\\n return `cvi-textfield${\\n this.disabled ? ` ${baseClass}__input-container--is-disabled` : \'\'\\n }`;\\n }\\n\\n constructor(\\n @Inject(DATEPICKER_LABEL_CONFIG) private labelConfig: DatepickerLabelConfig,\\n private readonly elementRef: ElementRef\\n ) {\\n this.select = elementRef.nativeElement;\\n }\\n\\n get value(): string | undefined {\\n return this.internalValue;\\n }\\n\\n set value(val: string | undefined) {\\n this.internalValue = val;\\n this.onChanged(val ?? \'\');\\n this.onTouched();\\n if (this.validateValue(val ?? \'\')) {\\n this.valueValidated = val ?? \'\';\\n }\\n }\\n\\n writeValue(value: string | undefined): void {\\n this.internalValue = value;\\n }\\n\\n registerOnChange(fn: (value: string) => void): void {\\n this.onChanged = fn;\\n }\\n\\n registerOnTouched(fn: () => void): void {\\n this.onTouched = fn;\\n }\\n\\n setFocus(focus: boolean): void {\\n if (!this.disabled) {\\n this.focus = focus;\\n }\\n }\\n\\n handleDateSelect(value: string): void {\\n this.value = value;\\n this.setFocus(false);\\n }\\n\\n validateValue(value: string): boolean {\\n const regex =\\n /^([1-9]|0[1-9]|1[0-9]|2[0-9]|3[0-1])\\\\.([1-9]|0[1-9]|1[0-2])\\\\.[1-2][0-9]{3}$/;\\n if (!regex.test(value)) {\\n return false;\\n }\\n\\n const [day, month, year] = value.split(\'.\').map(Number);\\n const date = new Date(year, month - 1, day);\\n return (\\n date.getDate() === day &&\\n date.getMonth() === month - 1 &&\\n date.getFullYear() === year\\n );\\n }\\n\\n toggleFocus(): void {\\n const focus = !this.focus;\\n this.setFocus(focus);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"labelConfig","type":"DatepickerLabelConfig","deprecated":false,"deprecationMessage":""},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""}],"line":108,"jsdoctags":[{"name":"labelConfig","type":"DatepickerLabelConfig","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["ControlValueAccessor"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":103}},"value":{"name":"value","setSignature":{"name":"value","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"val","type":"string | undefined","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":121,"jsdoctags":[{"name":"val","type":"string | undefined","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"value","type":"","returnType":"string | undefined","line":117}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-datepicker
    Component nameDatepickerComponent
    Design system moduleForm elements
    Contentno
    Permitted parent/ancestorscvi-ng-form-item
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a datepicker based on form input. Use with FormItem component.

    \\n","templateData":"\\n \\n {{description}}\\n\\n \\n \\n \\n\\n
    {{ value }}
    \\n\\n"},{"name":"FeedbackComponent","id":"component-FeedbackComponent-ff3a43e8774805d755ed68796b5e9dfebbc935883921aef894019bd3fd552f9b9c1bd0a305a9a138342386ff600b9e7e6a0e3ff551bc3cd78303aba0bb874150","file":"libs/ui/src/lib/feedback/feedback/feedback.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => FeedbackComponent), multi: true,\\n}","type":"component"}],"selector":"cvi-ng-feedback","styleUrls":["./feedback.component.scss"],"styles":[],"templateUrl":["./feedback.component.html"],"viewProviders":[],"inputsClass":[{"name":"appearance","defaultValue":"\'regular\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nShould radio buttons have regular or compact outline button styling","description":"

    Should radio buttons have regular or compact outline button styling

    \\n","line":43,"type":"\\"regular\\" | \\"compact\\"","decorators":[]},{"name":"options","defaultValue":"[\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n ]","deprecated":false,"deprecationMessage":"","rawdescription":"\\nFeedback options","description":"

    Feedback options

    \\n","line":36,"type":"literal type[]","decorators":[]},{"name":"showIcons","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nDisplay or hide \'sad-face\' and \'happy-face\' icons","description":"

    Display or hide 'sad-face' and 'happy-face' icons

    \\n","line":46,"type":"boolean","decorators":[]},{"name":"title","defaultValue":"\'Did you find what you were looking for?\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nForm title","description":"

    Form title

    \\n","line":33,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":58,"modifierKind":[121]},{"name":"valueChangedFn","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":55,"modifierKind":[121]}],"methodsClass":[{"name":"registerOnChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[]}],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[],"tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":79,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":87,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n forwardRef,\\n Input,\\n OnDestroy,\\n OnInit,\\n} from \'@angular/core\';\\nimport {\\n ControlValueAccessor,\\n FormControl,\\n NG_VALUE_ACCESSOR,\\n} from \'@angular/forms\';\\nimport { Subject, takeUntil } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-feedback\',\\n templateUrl: \'./feedback.component.html\',\\n styleUrls: [\'./feedback.component.scss\'],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n providers: [\\n {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => FeedbackComponent),\\n multi: true,\\n },\\n ],\\n})\\nexport class FeedbackComponent\\n implements ControlValueAccessor, OnInit, OnDestroy\\n{\\n /** Form title */\\n @Input() title = \'Did you find what you were looking for?\';\\n\\n /** Feedback options */\\n @Input() options: { value: any; label: string }[] = [\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n ];\\n\\n /** Should radio buttons have regular or compact outline button styling */\\n @Input() appearance: \'regular\' | \'compact\' = \'regular\';\\n\\n /** Display or hide \'sad-face\' and \'happy-face\' icons */\\n @Input() showIcons = false;\\n\\n /** @internal */\\n radioButtonsControl = new FormControl(\'\');\\n\\n /** @internal */\\n private destroyed$ = new Subject();\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private valueChangedFn: (value: any) => void = () => {};\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => void = () => {};\\n\\n ngOnInit(): void {\\n this.radioButtonsControl.valueChanges\\n .pipe(takeUntil(this.destroyed$))\\n .subscribe((value) => this.valueChangedFn(value));\\n }\\n\\n ngOnDestroy(): void {\\n this.destroyed$.next(undefined);\\n this.destroyed$.complete();\\n }\\n\\n registerOnChange(fn: (value: any) => void): void {\\n this.valueChangedFn = fn;\\n }\\n\\n registerOnTouched(fn: () => void): void {\\n this.onTouched = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n if (isDisabled) {\\n this.radioButtonsControl.disable();\\n } else {\\n this.radioButtonsControl.enable();\\n }\\n }\\n\\n writeValue(value: any): void {\\n this.radioButtonsControl.setValue(value);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n --cvi-radio-group--list--font-size: 12px;\\n}\\n","styleUrl":"./feedback.component.scss"}],"stylesData":"","implements":["ControlValueAccessor","OnInit","OnDestroy"],"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-feedback
    Corresponding Javascript componentFeedbackComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    A simple feedback form with title, radio buttons with labels, and optional sad-face on the left and happy-face icons on the right side of the options (hidden by default).

    \\n","templateData":"\\n \\n \\n \\n\\n"},{"name":"FormItemComponent","id":"component-FormItemComponent-7dac7c02860b91f8bed160ce89158ee462a6cec9416ea69a69feb9738fe39f6f57233860b7beca0e06623dacde48f246e6f5dcf997f43eeb0ff34ee22f57e4e7","file":"libs/ui/src/lib/form-item/form-item.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-form-item","styleUrls":[],"styles":[],"templateUrl":["./form-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed down to form field component","description":"

    HTML id passed down to form field component

    \\n","line":9,"type":"string","decorators":[]},{"name":"isLabelHidden","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel is visually hidden","description":"

    Label is visually hidden

    \\n","line":18,"type":"boolean","decorators":[]},{"name":"label","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML label","description":"

    HTML label

    \\n","line":12,"type":"string","decorators":[]},{"name":"labelId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML label ID. Use in aria-labelledby attribute in non-native form widgets","description":"

    HTML label ID. Use in aria-labelledby attribute in non-native form widgets

    \\n","line":24,"type":"string","decorators":[]},{"name":"labelPosition","defaultValue":"\'top\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel position","description":"

    Label position

    \\n","line":15,"type":"\\"top\\" | \\"side\\"","decorators":[]},{"name":"required","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel is visually hidden","description":"

    Label is visually hidden

    \\n","line":21,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":26,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-form-item\',\\n templateUrl: \'./form-item.component.html\',\\n})\\nexport class FormItemComponent {\\n /** HTML id passed down to form field component */\\n @Input() htmlId!: string;\\n\\n /** HTML label */\\n @Input() label!: string;\\n\\n /** Label position */\\n @Input() labelPosition: \'top\' | \'side\' = \'top\';\\n\\n /** Label is visually hidden */\\n @Input() isLabelHidden = false;\\n\\n /** Label is visually hidden */\\n @Input() required = false;\\n\\n /** HTML label ID. Use in aria-labelledby attribute in non-native form widgets */\\n @Input() labelId!: string;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-form-item cvi-form-item--label-position-${this.labelPosition}${\\n this.required ? \' cvi-form-item--is-required\' : \'\'\\n }`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":26}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-form-item
    Component nameFormItemComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-input
    \\n

    Where to use

    \\n

    Use as a field wrapper for form elements.

    \\n","templateData":"\\n\\n"},{"name":"FormMessageComponent","id":"component-FormMessageComponent-1ea8ad6990884650a36cb95352bacdf74caa58f4b51a623fecb9a5a292ab873696bf940eadcb17102717201591bb3c2302979190e2168ed59c458da00be7c8f7","file":"libs/ui/src/lib/form-message/form-message.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"FormMessageSeverityToHeaderIconPipe","type":"pipe"}],"selector":"cvi-ng-form-message","styleUrls":[],"styles":[],"templateUrl":["./form-message.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"displayMessage","deprecated":false,"deprecationMessage":"","type":"boolean","optional":false,"description":"","line":19},{"name":"message","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":18},{"name":"severityLevel","deprecated":false,"deprecationMessage":"","type":"FormMessageSeverity","optional":false,"description":"","line":20},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":21}],"methodsClass":[{"name":"detectChanges","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":32,"deprecated":false,"deprecationMessage":""},{"name":"getIconName","args":[],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":37,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":28,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n HostBinding,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { FormMessageSeverity } from \'./form-message\';\\nimport { FormMessageSeverityToHeaderIconPipe } from \'./form-message-severity-to-header-icon.pipe\';\\n\\n@Component({\\n selector: \'cvi-ng-form-message\',\\n templateUrl: \'./form-message.component.html\',\\n providers: [FormMessageSeverityToHeaderIconPipe],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class FormMessageComponent {\\n message = \'\';\\n displayMessage!: boolean;\\n severityLevel!: FormMessageSeverity;\\n title!: string;\\n\\n constructor(\\n private cdRef: ChangeDetectorRef,\\n private readonly iconPipe: FormMessageSeverityToHeaderIconPipe\\n ) {}\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-form-message cvi-form-message--severity-${this.severityLevel}`;\\n }\\n\\n detectChanges() {\\n this.cdRef.markForCheck();\\n this.cdRef.detectChanges();\\n }\\n\\n getIconName(): CviIconName | undefined {\\n return this.iconPipe.transform(this.severityLevel);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""},{"name":"iconPipe","type":"FormMessageSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":""}],"line":21,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"iconPipe","type":"FormMessageSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":28}}},"templateData":"\\n {{ title }} {{ message }}\\n"},{"name":"GeneratedTableOfContentsComponent","id":"component-GeneratedTableOfContentsComponent-3b6ca3a78c33275948bf50c50f8b7a954faa28fb83443528c9d966ef8e39bfeb874d77a3a3ff033a130315714599b8938ee8a84a3d1e3893c0f1183f8c9c71d4","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-generated-table-of-contents","styleUrls":[],"styles":[],"templateUrl":["./generated-table-of-contents.component.html"],"viewProviders":[],"inputsClass":[{"name":"headingSelector","defaultValue":"\'h1, h2, h3\'","deprecated":false,"deprecationMessage":"","line":29,"type":"string","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","rawdescription":"\\nThis prop will be passed to cvi-ng-table-of-contents","description":"

    This prop will be passed to cvi-ng-table-of-contents

    \\n","line":28,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"content","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":45,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'content\'"}]},{"name":"domMutations","deprecated":false,"deprecationMessage":"","type":"MutationObserver","optional":false,"description":"","line":34},{"name":"scrollingTimeout","deprecated":false,"deprecationMessage":"","type":"NodeJS.Timeout","optional":false,"description":"","line":36},{"name":"timeout","deprecated":false,"deprecationMessage":"","type":"NodeJS.Timeout","optional":false,"description":"","line":35}],"methodsClass":[{"name":"buildToc","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":97,"deprecated":false,"deprecationMessage":""},{"name":"createItemIntersectionObserver","args":[{"name":"headingEl","type":"HTMLHeadingElement","deprecated":false,"deprecationMessage":""},{"name":"anchorId","type":"string","deprecated":false,"deprecationMessage":""},{"name":"lastAnchorId","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"IntersectionObserver","typeParameters":[],"line":127,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"headingEl","type":"HTMLHeadingElement","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"anchorId","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"lastAnchorId","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"removeToc","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":161,"deprecated":false,"deprecationMessage":"","modifierKind":[121]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":41,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ElementRef,\\n HostBinding,\\n Input,\\n OnChanges,\\n OnDestroy,\\n Renderer2,\\n SimpleChanges,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { TableOfContentsService } from \'../table-of-contents.service\';\\nimport { fromEvent, Subject } from \'rxjs\';\\nimport { takeUntil } from \'rxjs/operators\';\\n\\n@Component({\\n selector: \'cvi-ng-generated-table-of-contents\',\\n templateUrl: \'./generated-table-of-contents.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class GeneratedTableOfContentsComponent\\n implements AfterViewInit, OnChanges, OnDestroy\\n{\\n /** This prop will be passed to cvi-ng-table-of-contents */\\n @Input() title!: string;\\n @Input() headingSelector = \'h1, h2, h3\';\\n\\n /** The internal marker is needed because of this Storybook bug https://github.com/storybookjs/storybook/issues/17004 */\\n /** @internal */\\n tocItems: TocItem[] = [];\\n domMutations!: MutationObserver;\\n timeout!: NodeJS.Timeout;\\n scrollingTimeout!: NodeJS.Timeout;\\n\\n /** @internal */\\n private readonly destroy$ = new Subject();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-generated-table-of-contents`;\\n }\\n\\n @ViewChild(\'content\') content!: ElementRef;\\n\\n constructor(\\n private renderer: Renderer2,\\n private tocService: TableOfContentsService,\\n private cdRef: ChangeDetectorRef\\n ) {\\n fromEvent(window, \'scroll\')\\n .pipe(takeUntil(this.destroy$))\\n .subscribe(() => {\\n if (this.scrollingTimeout) {\\n clearTimeout(this.scrollingTimeout);\\n }\\n this.scrollingTimeout = setTimeout(() => {\\n if (this.tocService.toCItemToHighlight) {\\n this.tocService.setCurrentToCSection(\\n this.tocService.toCItemToHighlight\\n );\\n this.tocService.toCItemToHighlight = undefined;\\n }\\n }, 300);\\n });\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n if (changes[\'title\']) {\\n clearTimeout(this.timeout);\\n this.timeout = setTimeout(() => this.buildToc(), 1);\\n }\\n }\\n\\n /** For more complex cases we have to observe the entire element */\\n ngAfterViewInit(): void {\\n this.domMutations = new MutationObserver(() => this.buildToc());\\n\\n this.domMutations.observe(this.content.nativeElement, {\\n childList: true,\\n subtree: true,\\n });\\n this.cdRef.markForCheck();\\n }\\n\\n ngOnDestroy(): void {\\n this.removeToc();\\n this.domMutations.disconnect();\\n clearTimeout(this.timeout);\\n\\n this.destroy$.next();\\n this.destroy$.complete();\\n this.destroy$.unsubscribe();\\n }\\n\\n buildToc(): void {\\n if (!this.content) {\\n return;\\n }\\n this.removeToc();\\n const headingNodes: NodeList = this.content.nativeElement.querySelectorAll(\\n this.headingSelector\\n );\\n if (headingNodes.length > 0) {\\n const headingEls = Array.from(headingNodes) as HTMLHeadingElement[];\\n headingEls.forEach((headingEl: HTMLHeadingElement, i: number) => {\\n if (headingEl.textContent) {\\n const anchorId = `toc-${i}`;\\n const lastAnchorId = `toc-${headingEls.length - 1}`;\\n this.renderer.setProperty(headingEl, \'id\', anchorId);\\n this.tocItems.push({\\n label: headingEl.textContent,\\n href: `#${anchorId}`,\\n intersectionObserver: this.createItemIntersectionObserver(\\n headingEl,\\n anchorId,\\n lastAnchorId\\n ),\\n });\\n }\\n });\\n this.cdRef.detectChanges();\\n }\\n }\\n\\n createItemIntersectionObserver(\\n headingEl: HTMLHeadingElement,\\n anchorId: string,\\n lastAnchorId: string\\n ): IntersectionObserver {\\n const intersectionObservable = new IntersectionObserver(\\n (entries: IntersectionObserverEntry[]) => {\\n const isBottom = isBottomOfPage();\\n const isTop = isTopOfPage();\\n if (isBottom && !isTop) {\\n this.tocService.setCurrentToCSection(\\n lastAnchorId,\\n entries[entries.length - 1].time\\n );\\n this.cdRef.detectChanges();\\n return;\\n }\\n entries.forEach((entry) => {\\n if (\\n entry.isIntersecting &&\\n entry.intersectionRatio === 1 &&\\n !this.tocService.toCItemToHighlight\\n ) {\\n this.tocService.setCurrentToCSection(anchorId, entry.time);\\n this.cdRef.detectChanges();\\n }\\n });\\n },\\n { rootMargin: \'5px 0px 5px 0px\', threshold: 1 }\\n );\\n intersectionObservable.observe(headingEl);\\n return intersectionObservable;\\n }\\n\\n private removeToc() {\\n if (this.tocItems?.length > 0) {\\n this.tocItems.forEach((item: TocItem) =>\\n item.intersectionObserver.disconnect()\\n );\\n this.tocItems = [];\\n }\\n }\\n}\\n\\nfunction isBottomOfPage() {\\n return window.innerHeight + window.scrollY + 1 > document.body.offsetHeight;\\n}\\n\\nfunction isTopOfPage() {\\n return window.scrollY === 0;\\n}\\n\\ntype TocItem = {\\n label: string;\\n href: string;\\n intersectionObserver: IntersectionObserver;\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":""},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":45,"jsdoctags":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","OnChanges","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":41}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-generated-table-of-contents
    Component nameGeneratedTableOfContentsComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Automatically generates a table of contents sidebar to textual page content that represents raw HTML wrapped into an external component.

    \\n

    Don't use this if you have full control over template. Use cvi-ng-table-of-contents-wrapper along with cvi-ng-table-of-contents and cvi-ng-table-of-contents-item directly instead.

    \\n

    How to use

    \\n
      \\n
    1. Add cvi-ng-generated-table-of-contents to a page-wide slot in a view;
      2. \\n
    2. as its content, add a number of divs or a component with raw HTML that contains some headings (h1, h2, or h3);
      3. \\n
    3. a table of contents will automatically be created and the headings will appear there.
      4. \\n
    \\n","templateData":"\\n
    \\n \\n
    \\n \\n \\n \\n \\n    \\n"},{"name":"HeaderCellComponent","id":"component-HeaderCellComponent-a610bce6cadeb9f931e67c207a15b2de5f4c13fa7abbfdead35d92c8fabe2df7eb5a57930f393425b4807aab865fb3d6f8128b26b54f34aa212931fbe7e06b64","file":"libs/ui/src/lib/table/header-cell/header-cell.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"[cvi-ng-header-cell]","styleUrls":[],"styles":[],"templateUrl":["./header-cell.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n // eslint-disable-next-line @angular-eslint/component-selector\\n selector: \'[cvi-ng-header-cell]\',\\n templateUrl: \'./header-cell.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class HeaderCellComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-table__header-cell\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":10}}},"templateData":"
    \\n \\n
    \\n"},{"name":"HierarchicalBoxDiagramComponent","id":"component-HierarchicalBoxDiagramComponent-1bfe74de92d15f1a4d7d5504d4ee87df19fd4721d3b1388401979b276bd1738ba685e6fb23fd035e8bb6704bb91e224948235528d04d138daaccb188c1dde815","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":["ViewEncapsulation.None"],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-hierarchical-box-diagram","styleUrls":["./hierarchical-box-diagram.component.scss"],"styles":[],"templateUrl":["./hierarchical-box-diagram.component.html"],"viewProviders":[],"inputsClass":[{"name":"ariaLabel","defaultValue":"\'Hierarchical box diagram\'","deprecated":false,"deprecationMessage":"","line":45,"type":"string","decorators":[]},{"name":"boxes","deprecated":false,"deprecationMessage":"","line":44,"type":"Box[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"BOX_PARAMS","defaultValue":"{\\n MAX_BOX_WIDTH: 100,\\n MAX_BOX_HEIGHT: 50,\\n LINE_HEIGHT: \'18px\',\\n FONT_SIZE: \'14px\',\\n FONT_FAMILY: \'Roboto, sans-serif\',\\n }","deprecated":false,"deprecationMessage":"","type":"object","optional":false,"description":"","line":33,"modifierKind":[121,124,144]},{"name":"container","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":42,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'container\', {static: true}"}]},{"name":"measureDiv","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":41,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'measureDiv\', {static: true}"}]},{"name":"PADDING","defaultValue":"{\\n HORIZONTAL: 16,\\n VERTICAL: 8,\\n }","deprecated":false,"deprecationMessage":"","type":"object","optional":false,"description":"","line":29,"modifierKind":[121,124,144]},{"name":"svg","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"any","optional":false,"description":"","line":47,"modifierKind":[121]}],"methodsClass":[{"name":"boxesOverlap","args":[{"name":"first","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""},{"name":"second","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":442,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"first","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"second","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"calculateBoxDimensions","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":368,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"calculateLinkPath","args":[{"name":"d","type":"HierarchyPointLink","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":160,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"d","type":"HierarchyPointLink","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"calculateSeparation","args":[{"name":"a","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""},{"name":"b","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":425,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"a","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"b","type":"HierarchyPointNode","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"createDiagram","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":70,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"createSvg","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":129,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"darkenColor","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"percent","type":"","deprecated":false,"deprecationMessage":"","defaultValue":"-40"}],"optional":false,"returnType":"string","typeParameters":[],"line":403,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"percent","type":"","deprecated":false,"deprecationMessage":"","defaultValue":"-40","tagName":{"text":"param"}}]},{"name":"drawBoxes","args":[{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":181,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"drawGraph","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"drawLines","args":[{"name":"links","type":"Array>","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":147,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"links","type":"Array>","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"linkExists","args":[{"name":"links","type":"literal type[]","deprecated":false,"deprecationMessage":""},{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":357,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"links","type":"literal type[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"mapLinkToNodes","args":[{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":""},{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"HierarchyPointLink","typeParameters":[],"line":415,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"link","type":"literal type","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"nodes","type":"HierarchyPointNode[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onResize","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":66,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'window:resize\', [\'$event\']"}]},{"name":"removeSvg","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":462,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"setupDiagram","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":77,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"toHierarchy","args":[{"name":"boxes","type":"Box[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"HierarchyResult","typeParameters":[],"line":315,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"boxes","type":"Box[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"window:resize","args":[],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":66}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ElementRef,\\n HostListener,\\n Input,\\n NgZone,\\n OnChanges,\\n OnDestroy,\\n SimpleChanges,\\n ViewChild,\\n ViewEncapsulation,\\n} from \'@angular/core\';\\nimport * as d3 from \'d3\';\\nimport { HierarchyPointLink, HierarchyPointNode, tree } from \'d3\';\\nimport { Box } from \'./box\';\\nimport { BoxNode } from \'./box-node\';\\nimport { HierarchyResult } from \'./hierarchy-result\';\\n\\n@Component({\\n selector: \'cvi-ng-hierarchical-box-diagram\',\\n templateUrl: \'./hierarchical-box-diagram.component.html\',\\n styleUrls: [\'./hierarchical-box-diagram.component.scss\'],\\n encapsulation: ViewEncapsulation.None,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class HierarchicalBoxDiagramComponent implements OnDestroy, OnChanges {\\n private static readonly PADDING = {\\n HORIZONTAL: 16,\\n VERTICAL: 8,\\n };\\n private static readonly BOX_PARAMS = {\\n MAX_BOX_WIDTH: 100,\\n MAX_BOX_HEIGHT: 50,\\n LINE_HEIGHT: \'18px\',\\n FONT_SIZE: \'14px\',\\n FONT_FAMILY: \'Roboto, sans-serif\',\\n };\\n\\n @ViewChild(\'measureDiv\', { static: true }) measureDiv!: ElementRef;\\n @ViewChild(\'container\', { static: true }) container!: ElementRef;\\n\\n @Input() boxes!: Box[];\\n @Input() ariaLabel = \'Hierarchical box diagram\';\\n\\n private svg: any = null;\\n\\n constructor(\\n private readonly elementRef: ElementRef,\\n private readonly ngZone: NgZone,\\n private readonly cdRef: ChangeDetectorRef\\n ) {}\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n if (changes[\'boxes\']?.currentValue) {\\n this.createDiagram();\\n }\\n }\\n\\n ngOnDestroy() {\\n this.removeSvg();\\n }\\n\\n @HostListener(\'window:resize\', [\'$event\'])\\n onResize(): void {\\n this.createDiagram();\\n }\\n\\n private createDiagram(): void {\\n this.ngZone.runOutsideAngular(() => {\\n this.setupDiagram();\\n this.cdRef.markForCheck();\\n });\\n }\\n\\n private setupDiagram() {\\n this.removeSvg();\\n this.createSvg();\\n this.calculateBoxDimensions();\\n this.drawGraph();\\n }\\n\\n private drawGraph() {\\n const { rootNode, additionalLinks } = this.toHierarchy(this.boxes);\\n if (!rootNode) {\\n return;\\n }\\n\\n const root = d3.hierarchy(rootNode);\\n const containerWidth = this.container.nativeElement.clientWidth;\\n const containerHeight = this.container.nativeElement.clientHeight;\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const rootWidth = 1.5 * BOX_PARAMS.MAX_BOX_WIDTH;\\n const layout = tree()\\n .size([containerHeight, containerWidth - rootWidth])\\n .separation((a, b) => this.calculateSeparation(a, b));\\n\\n const hierarchy = layout(root);\\n const nodes: HierarchyPointNode[] = hierarchy.descendants();\\n\\n // Adjust overlapping boxes\\n for (let i = 0; i < nodes.length; i++) {\\n for (let j = i + 1; j < nodes.length; j++) {\\n while (this.boxesOverlap(nodes[i], nodes[j])) {\\n const centerVertical = this.container.nativeElement.clientHeight / 2;\\n if (nodes[j].x < centerVertical) {\\n nodes[j].x -= BOX_PARAMS.MAX_BOX_HEIGHT / 2;\\n } else {\\n nodes[j].x += BOX_PARAMS.MAX_BOX_HEIGHT / 2;\\n }\\n }\\n }\\n }\\n\\n const links: Array> = hierarchy.links();\\n\\n const additionalMappedLinks: Array> =\\n additionalLinks.map((link) => this.mapLinkToNodes(link, nodes));\\n\\n const combinedLinks: Array> = links.concat(\\n additionalMappedLinks\\n );\\n\\n this.drawLines(combinedLinks);\\n this.drawBoxes(nodes);\\n }\\n\\n private createSvg(): void {\\n const containerWidth = this.container.nativeElement.clientWidth;\\n const containerHeight = this.container.nativeElement.clientHeight;\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const viewBoxX = -BOX_PARAMS.MAX_BOX_WIDTH / 1.5;\\n const viewBoxY = 0;\\n\\n this.svg = d3\\n .select(this.container.nativeElement)\\n .append(\'svg\')\\n .attr(\'width\', \'100%\')\\n .attr(\'height\', \'100%\')\\n .attr(\\n \'viewBox\',\\n `${viewBoxX} ${viewBoxY} ${containerWidth} ${containerHeight}`\\n );\\n }\\n\\n private drawLines(links: Array>): void {\\n this.svg\\n .selectAll(\'.link\')\\n .data(links)\\n .enter()\\n .append(\'path\')\\n .attr(\'class\', \'link\')\\n .attr(\'d\', this.calculateLinkPath)\\n .attr(\'fill\', \'none\')\\n .attr(\'stroke\', \'#D2D3D8\')\\n .attr(\'stroke-width\', 2);\\n }\\n\\n private calculateLinkPath(d: HierarchyPointLink): string {\\n const sourceX = d.source.y;\\n const sourceY = d.source.x;\\n const targetX = d.target.y;\\n const targetY = d.target.x;\\n\\n const midXSource = sourceX;\\n const midYSource = (sourceY + sourceY + d.source.height) / 2;\\n\\n const midXTarget = targetX;\\n const midYTarget = (targetY + targetY + d.target.height) / 2;\\n\\n if (sourceY < targetY) {\\n return `M ${sourceX} ${sourceY} L ${midXSource} ${midYSource} L ${midXSource} ${midYTarget} L ${midXTarget} ${midYTarget} L ${targetX} ${targetY}`;\\n } else if (sourceY > targetY) {\\n return `M ${sourceX} ${sourceY} L ${midXSource} ${midYSource} L ${midXSource} ${midYTarget} L ${midXTarget} ${midYTarget} L ${targetX} ${targetY}`;\\n } else {\\n return `M ${sourceX} ${sourceY} L ${targetX} ${targetY}`;\\n }\\n }\\n\\n private drawBoxes(nodes: HierarchyPointNode[]): void {\\n const defaultWidth = 100;\\n const defaultHeight = 50;\\n const cornerRadius = 5;\\n\\n const boxesSelection = this.svg\\n .selectAll(\'.box\')\\n .data(nodes)\\n .enter()\\n .append(\'g\')\\n .attr(\'class\', \'box\')\\n .attr(\\n \'transform\',\\n (d: HierarchyPointNode) => `translate(${d.y},${d.x})`\\n );\\n\\n const boxAnchor = boxesSelection\\n .append(\'a\')\\n .each(function (this: SVGAElement, d: HierarchyPointNode) {\\n const href = d.data.data.href;\\n if (href) {\\n d3.select(this).attr(\'href\', href);\\n }\\n });\\n\\n // Title for Screen Readers\\n boxAnchor\\n .append(\'title\')\\n .text(\\n (d: HierarchyPointNode) =>\\n `Diagram box for ${d.data.data.label}`\\n );\\n\\n // Making SVG elements focusable\\n boxAnchor.attr(\'tabindex\', \'0\');\\n\\n const idToLabelLookup = nodes.reduce((acc, boxNode) => {\\n acc[boxNode.data.data.id] = boxNode.data.data.label;\\n return acc;\\n }, {} as Record);\\n\\n // Description to understand the box and its links\\n boxAnchor.append(\'desc\').text((d: HierarchyPointNode) => {\\n let description = `Box labeled ${d.data.data.label}.`;\\n\\n // Describe the parent relationship\\n if (d.parent) {\\n description += ` This box is a child of ${d.parent.data.data.label}.`;\\n }\\n\\n // Describe the targets relationship\\n if (d.data.data.targets && d.data.data.targets.length > 0) {\\n const targetLabels = d.data.data.targets.map(\\n (targetId) => idToLabelLookup[targetId] || targetId\\n );\\n description += ` This box links to boxes labeled: ${targetLabels.join(\\n \', \'\\n )}.`;\\n }\\n\\n return description;\\n });\\n\\n boxAnchor\\n .append(\'rect\')\\n .attr(\\n \'x\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.width || defaultWidth) / 2\\n )\\n .attr(\\n \'y\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.height || defaultHeight) / 2\\n )\\n .attr(\\n \'width\',\\n (d: HierarchyPointNode) => d.data.data.width || defaultWidth\\n )\\n .attr(\\n \'height\',\\n (d: HierarchyPointNode) => d.data.data.height || defaultHeight\\n )\\n .attr(\'rx\', cornerRadius)\\n .attr(\'ry\', cornerRadius)\\n .attr(\'fill\', (d: HierarchyPointNode) => {\\n return d.data.data.color;\\n })\\n .attr(\'stroke\', (d: HierarchyPointNode) => {\\n if (\\n d.data.data.borderStyle === \'dotted\' ||\\n d.data.data.borderStyle === \'solid\'\\n ) {\\n return d.data.data.borderColor || this.darkenColor(d.data.data.color);\\n }\\n return \'none\';\\n })\\n .attr(\'stroke-dasharray\', (d: HierarchyPointNode) => {\\n if (d.data.data.borderStyle === \'dotted\') {\\n return \'4,5\';\\n }\\n return \'\';\\n })\\n .attr(\'stroke-width\', 2);\\n\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n boxAnchor\\n .append(\'foreignObject\')\\n .attr(\\n \'x\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.width || defaultWidth) / 2\\n )\\n .attr(\\n \'y\',\\n (d: HierarchyPointNode) =>\\n -(d.data.data.height || defaultHeight) / 2\\n )\\n .attr(\\n \'width\',\\n (d: HierarchyPointNode) => d.data.data.width || defaultWidth\\n )\\n .attr(\\n \'height\',\\n (d: HierarchyPointNode) => d.data.data.height || defaultHeight\\n )\\n .html(\\n (d: HierarchyPointNode) =>\\n `
    ${d.data.data.label}
    `\\n )\\n .style(\'font-size\', BOX_PARAMS.FONT_SIZE)\\n .style(\'line-height\', BOX_PARAMS.LINE_HEIGHT);\\n }\\n\\n private toHierarchy(boxes: Box[]): HierarchyResult {\\n const nodeMap: { [key: string]: BoxNode } = {};\\n const additionalLinks: { source: string; target: string }[] = [];\\n\\n boxes.forEach((box) => (nodeMap[box.id] = { data: box }));\\n\\n const rootNode = nodeMap[\'1\'];\\n const queue: BoxNode[] = [rootNode];\\n\\n while (queue.length) {\\n const currentNode = queue.shift();\\n\\n if (currentNode?.data.targets) {\\n currentNode.children = [];\\n\\n currentNode.data.targets.forEach((targetId) => {\\n if (!nodeMap[targetId]) {\\n return;\\n }\\n\\n const childNode = nodeMap[targetId];\\n\\n if (childNode.parent) {\\n const link = {\\n source: currentNode.data.id,\\n target: childNode.data.id,\\n };\\n if (!this.linkExists(additionalLinks, link)) {\\n additionalLinks.push(link);\\n }\\n } else {\\n childNode.parent = currentNode;\\n currentNode.children?.push(childNode);\\n queue.push(childNode);\\n }\\n });\\n }\\n }\\n\\n return { rootNode, additionalLinks };\\n }\\n\\n private linkExists(\\n links: { source: string; target: string }[],\\n link: { source: string; target: string }\\n ): boolean {\\n return links.some(\\n (l) =>\\n (l.source === link.source && l.target === link.target) ||\\n (l.source === link.target && l.target === link.source)\\n );\\n }\\n\\n private calculateBoxDimensions(): void {\\n const { PADDING, BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const MAX_WIDTH = BOX_PARAMS.MAX_BOX_WIDTH;\\n const measureDiv = this.measureDiv?.nativeElement;\\n measureDiv.style.boxSizing = \'border-box\';\\n measureDiv.style.fontSize = BOX_PARAMS.FONT_SIZE;\\n measureDiv.style.lineHeight = BOX_PARAMS.LINE_HEIGHT;\\n measureDiv.style.fontFamily = BOX_PARAMS.FONT_FAMILY;\\n\\n this.boxes.forEach((box) => {\\n measureDiv.innerHTML = box.label;\\n const rect = measureDiv.getBoundingClientRect();\\n const width = rect.width;\\n const initialHeight = rect.height;\\n const renderedText = measureDiv.innerText || measureDiv.textContent;\\n const isSingleWordAndOverflows =\\n !/\\\\s/.test(renderedText) && width > MAX_WIDTH;\\n\\n if (isSingleWordAndOverflows) {\\n box.width = width;\\n box.height = initialHeight + PADDING.VERTICAL;\\n } else if (width > MAX_WIDTH) {\\n const overflowRatio = width / MAX_WIDTH;\\n box.width = MAX_WIDTH + PADDING.HORIZONTAL;\\n box.height = initialHeight * overflowRatio + PADDING.VERTICAL;\\n } else {\\n box.width = width + PADDING.HORIZONTAL;\\n box.height = initialHeight + PADDING.VERTICAL;\\n }\\n\\n measureDiv.innerHTML = \'\';\\n measureDiv.removeAttribute(\'style\');\\n });\\n }\\n\\n private darkenColor(color: string, percent = -40): string {\\n const num = parseInt(color.slice(1), 16);\\n const amt = Math.round(2.55 * percent);\\n const R = (num >> 16) + amt;\\n const G = ((num >> 8) & 0x00ff) + amt;\\n const B = (num & 0x0000ff) + amt;\\n return (\\n \'#\' +\\n ((1 << 24) | (R << 16) | (G << 8) | B).toString(16).slice(1).toUpperCase()\\n );\\n }\\n\\n private mapLinkToNodes(\\n link: { source: string; target: string },\\n nodes: HierarchyPointNode[]\\n ): HierarchyPointLink {\\n return {\\n source: nodes.find((node) => node.data.data.id === link.source),\\n target: nodes.find((node) => node.data.data.id === link.target),\\n } as HierarchyPointLink;\\n }\\n\\n private calculateSeparation(\\n a: HierarchyPointNode,\\n b: HierarchyPointNode\\n ): number {\\n const siblingSeparation = 1;\\n const nonSiblingSeparation = 2;\\n\\n // Consider the height of the nodes to determine separation\\n const { BOX_PARAMS } = HierarchicalBoxDiagramComponent;\\n const additionalSeparation =\\n Math.abs(a.x - b.x) < BOX_PARAMS.MAX_BOX_HEIGHT ? 0.5 : 0;\\n\\n return a.parent == b.parent\\n ? siblingSeparation + additionalSeparation\\n : nonSiblingSeparation + additionalSeparation;\\n }\\n\\n private boxesOverlap(\\n first: HierarchyPointNode,\\n second: HierarchyPointNode\\n ): boolean {\\n const sensitivityFactor = 5;\\n\\n const halfWidth1 = (first.data.data.width ?? 0) / 2 + sensitivityFactor;\\n const halfHeight1 = (first.data.data.height ?? 0) / 2 + sensitivityFactor;\\n\\n const halfWidth2 = (second.data.data.width ?? 0) / 2 + sensitivityFactor;\\n const halfHeight2 = (second.data.data.height ?? 0) / 2 + sensitivityFactor;\\n\\n return (\\n first.y + halfWidth1 > second.y - halfWidth2 &&\\n first.y - halfWidth1 < second.y + halfWidth2 &&\\n first.x + halfHeight1 > second.x - halfHeight2 &&\\n first.x - halfHeight1 < second.x + halfHeight2\\n );\\n }\\n\\n private removeSvg() {\\n if (this.svg) {\\n this.svg.remove();\\n const svgElement = this.container.nativeElement.querySelector(\'svg\');\\n if (svgElement) {\\n svgElement.parentNode.removeChild(svgElement);\\n }\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"a:hover {\\n text-decoration: none;\\n}\\n\\n.hidden-measure-helper {\\n position: absolute;\\n top: -10000px;\\n visibility: hidden;\\n}\\n\\n.svg-diagram-container {\\n height: 100%;\\n position: absolute;\\n width: 100%;\\n}\\n\\n.box-content {\\n align-items: center;\\n border-width: 1px;\\n display: flex;\\n height: 100%;\\n justify-content: center;\\n overflow: hidden;\\n text-align: center;\\n width: 100%;\\n word-wrap: break-word;\\n}\\n\\n.box-content.border-none {\\n border-style: none;\\n}\\n\\n.box-content.border-dotted {\\n border-style: dotted;\\n}\\n","styleUrl":"./hierarchical-box-diagram.component.scss"}],"stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"ngZone","type":"NgZone","deprecated":false,"deprecationMessage":""},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":47,"jsdoctags":[{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"ngZone","type":"NgZone","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnDestroy","OnChanges"],"templateData":"
    \\n
    \\n"},{"name":"HtmlSectionComponent","id":"component-HtmlSectionComponent-670f27f60bcfccdd1b0473a73b3f85dd07f3bd91a1c7f1c3a17c5b1c9e6392b395b1150c82646d3bb52e9d8e6b672c22a222d17e9a6171618ec5c209277600ec","file":"libs/ui/src/lib/html-section/html-section.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-html-section","styleUrls":[],"styles":[],"templateUrl":["./html-section.component.html"],"viewProviders":[],"inputsClass":[{"name":"allowedAttributes","defaultValue":"{\\n \'cvi-web-labeled-icon\': [\'name\'],\\n \'cvi-web-icon\': [\'name\'],\\n \'cvi-web-track\': [\\n \'gap\',\\n \'layout\',\\n \'flex-columns-equal\',\\n \'grid-rows\',\\n \'horizontal-alignment\',\\n \'vertical-alignment\',\\n \'flex-direction\',\\n \'flex-is-multiline\',\\n ],\\n }","deprecated":false,"deprecationMessage":"","line":35,"type":"Record","decorators":[]},{"name":"allowedTags","defaultValue":"[\\n \'cvi-web-labeled-icon\',\\n \'cvi-web-icon\',\\n \'cvi-web-track\',\\n ]","deprecated":false,"deprecationMessage":"","line":30,"type":"string[]","decorators":[]},{"name":"customElements","defaultValue":"[\\n [LabeledIconComponent, \'cvi-web-labeled-icon\'],\\n [IconComponent, \'cvi-web-icon\'],\\n [TrackComponent, \'cvi-web-track\'],\\n ]","deprecated":false,"deprecationMessage":"","line":25,"type":"[]","decorators":[]},{"name":"html","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]},{"name":"sanitize","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":24,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"htmlSectionRef","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":49,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'htmlSectionRef\'"}]}],"methodsClass":[{"name":"createCustomElements","args":[{"name":"elements","type":"[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":66,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"elements","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":53,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:click\'"}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[{"name":"document:click","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":53}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n HostListener,\\n Injector,\\n Input,\\n OnInit,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { createCustomElement } from \'@angular/elements\';\\nimport { IconComponent } from \'../icons/icon/icon.component\';\\nimport { LabeledIconComponent } from \'../icons/labeled-icon/labeled-icon.component\';\\nimport { TrackComponent } from \'../track/track.component\';\\nimport { AllowedAttribute } from \'sanitize-html\';\\n\\n@Component({\\n selector: \'cvi-ng-html-section\',\\n templateUrl: \'./html-section.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class HtmlSectionComponent implements OnInit {\\n @Input() html = \'\';\\n @Input() sanitize = true;\\n @Input() customElements: [any, string][] = [\\n [LabeledIconComponent, \'cvi-web-labeled-icon\'],\\n [IconComponent, \'cvi-web-icon\'],\\n [TrackComponent, \'cvi-web-track\'],\\n ];\\n @Input() allowedTags: string[] = [\\n \'cvi-web-labeled-icon\',\\n \'cvi-web-icon\',\\n \'cvi-web-track\',\\n ];\\n @Input() allowedAttributes: Record = {\\n \'cvi-web-labeled-icon\': [\'name\'],\\n \'cvi-web-icon\': [\'name\'],\\n \'cvi-web-track\': [\\n \'gap\',\\n \'layout\',\\n \'flex-columns-equal\',\\n \'grid-rows\',\\n \'horizontal-alignment\',\\n \'vertical-alignment\',\\n \'flex-direction\',\\n \'flex-is-multiline\',\\n ],\\n };\\n @ViewChild(\'htmlSectionRef\') htmlSectionRef?: ElementRef;\\n\\n constructor(private readonly injector: Injector) {}\\n\\n @HostListener(\'document:click\') onClick() {\\n if (\\n this.htmlSectionRef &&\\n this.htmlSectionRef.nativeElement.innerHTML !== this.html\\n ) {\\n this.html = this.htmlSectionRef.nativeElement.innerHTML;\\n }\\n }\\n\\n ngOnInit() {\\n this.createCustomElements(this.customElements);\\n }\\n\\n private createCustomElements(elements: [any, string][]) {\\n elements\\n .filter(([, name]) => !customElements.get(name))\\n .forEach(([component, name]) => {\\n const element = createCustomElement(component, {\\n injector: this.injector,\\n });\\n customElements.define(name, element);\\n });\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":""}],"line":49,"jsdoctags":[{"name":"injector","type":"Injector","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnInit"],"readme":"

    General description

    \\n

    Feature | Description

    \\n
      \\n
    • Selector | cvi-ng-html-section
      • \\n
    • Component name | HtmlSectionComponent
      • \\n
    • Design system module | -
      • \\n
    • Content | no
      • \\n
    • Permitted parent/ancestors | any
      • \\n
    • Permitted children | no
      • \\n
    \\n

    Where to use

    \\n

    Use if you need to display HTML longform article-like content with rich styling.

    \\n

    HTML sanitizer is configured to check custom elements (Web Components), thus sanitizer's allowed attributes are also configured using custom elements' mapped attributes.

    \\n

    For example, if you need to use cvi-ng-track component in the html input value, use corresponding custom element cvi-web-track and dash-separated lowercase attribute names flex-direction="vertical" instead of usual property binding.

    \\n","templateData":"
    \\n"},{"name":"IconComponent","id":"component-IconComponent-fcaefaf231d9296d469116968429e003a35e6e6c028ad961208b151b588b29fde9dc135078a5af2b13d99cb8a0c02994d989689e3a1770bcd9326c762d5066e8","file":"libs/ui/src/lib/icons/icon/icon.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-icon","styleUrls":[],"styles":[],"templateUrl":["./icon.component.html"],"viewProviders":[],"inputsClass":[{"name":"height","defaultValue":"iconSizeDefault","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon height in px","description":"

    Icon height in px

    \\n","line":32,"type":"number","decorators":[]},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nTyped icon name","description":"

    Typed icon name

    \\n","line":28,"type":"CviIconName","decorators":[]},{"name":"svgClass","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nA class for SVG element","description":"

    A class for SVG element

    \\n","line":24,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"svgIcon","deprecated":false,"deprecationMessage":"","type":"SVGElement","optional":false,"description":"","line":21,"modifierKind":[121]}],"methodsClass":[{"name":"svgElementFromString","args":[{"name":"svgContent","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"SVGElement","typeParameters":[],"line":40,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"svgContent","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n Inject,\\n Input,\\n OnChanges,\\n Optional,\\n} from \'@angular/core\';\\nimport { IconsRegistry } from \'../icons-registry.service\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { iconSizeDefault } from \'./icon\';\\n\\n@Component({\\n selector: \'cvi-ng-icon\',\\n templateUrl: \'./icon.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class IconComponent implements OnChanges {\\n private svgIcon!: SVGElement;\\n\\n /** A class for SVG element */\\n @Input() svgClass = \'\';\\n\\n /** Typed icon name */\\n @Input()\\n name?: CviIconName;\\n\\n /** Icon height in px */\\n @Input()\\n height?: number = iconSizeDefault;\\n\\n constructor(\\n private element: ElementRef,\\n private registry: IconsRegistry,\\n @Optional() @Inject(DOCUMENT) private document: any\\n ) {}\\n\\n private svgElementFromString(svgContent: string): SVGElement {\\n const div = this.document.createElement(\'DIV\');\\n div.innerHTML = svgContent;\\n const svg = div.querySelector(\'svg\');\\n svg.setAttribute(\'class\', this.svgClass);\\n if (this.height) {\\n svg.setAttribute(\'height\', `${this.height}px`);\\n }\\n return (\\n svg || this.document.createElementNS(\'http://www.w3.org/2000/svg\', \'path\')\\n );\\n }\\n\\n ngOnChanges(): void {\\n if (!this.name) {\\n return;\\n }\\n if (this.svgIcon) {\\n this.element.nativeElement.removeChild(this.svgIcon);\\n }\\n const svgData = this.registry.getIcon(this.name);\\n if (svgData) {\\n this.svgIcon = this.svgElementFromString(svgData);\\n this.element.nativeElement.appendChild(this.svgIcon);\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"element","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"registry","type":"IconsRegistry","deprecated":false,"deprecationMessage":""},{"name":"document","type":"any","deprecated":false,"deprecationMessage":""}],"line":32,"jsdoctags":[{"name":"element","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"registry","type":"IconsRegistry","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnChanges"],"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-icon
    Component nameIconComponent
    Contentno
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a regular svg icon.

    \\n

    Please remember to register the icon via IconsRegistry in your app.

    \\n","templateData":"\\n"},{"name":"InputComponent","id":"component-InputComponent-dc16ad08eeb94972a39f66086b6b5ee0236449340190073f19b72fe4052c6f03bd81d542cd34e8b7b4706edcba3aaa8c9dc58d6722808df78556d97cd63011fd","file":"libs/ui/src/lib/input/input.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"inputComponentValueAccessor","type":"component"}],"selector":"cvi-ng-input","styleUrls":[],"styles":[],"templateUrl":["./input.component.html"],"viewProviders":[],"inputsClass":[{"name":"disabled","deprecated":false,"deprecationMessage":"","rawdescription":"\\nInput is disabled","description":"

    Input is disabled

    \\n","line":47,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed from FormItem component","description":"

    HTML id passed from FormItem component

    \\n","line":40,"type":"string","decorators":[]},{"name":"maxLength","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMaximum number of characters allowed","description":"

    Maximum number of characters allowed

    \\n","line":43,"type":"string","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nPlaceholder","description":"

    Placeholder

    \\n","line":56,"type":"string","decorators":[]},{"name":"suffixIconName","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon added to the right","description":"

    Icon added to the right

    \\n","line":59,"type":"CviIconName","decorators":[]},{"name":"validationType","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly allow certain characters","description":"

    Only allow certain characters

    \\n","line":63,"type":"ValidationType","decorators":[]}],"outputsClass":[{"name":"valueChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmit value on model change","description":"

    Emit value on model change

    \\n","line":71,"type":"EventEmitter"}],"propertiesClass":[{"name":"_disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"

    Internal

    \\n","line":77,"rawdescription":"\\nInternal"},{"name":"_internalValue","deprecated":false,"deprecationMessage":"","type":"any","optional":true,"description":"

    Internal

    \\n","line":74,"rawdescription":"\\nInternal"},{"name":"_validationType","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"ValidationType","optional":false,"description":"","line":79},{"name":"onChanged","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":82,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":85,"modifierKind":[121]},{"name":"propagateDisabled","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":87,"modifierKind":[121]}],"methodsClass":[{"name":"handleValue","args":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":101,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"onInput","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":96,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'input\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnChange","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":129,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnDisabledChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":137,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":133,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":141,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":120,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":125,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":89,"type":"string","decorators":[]}],"hostListeners":[{"name":"input","args":[{"name":"event","type":"InputEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":96}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n Component,\\n EventEmitter,\\n forwardRef,\\n HostBinding,\\n HostListener,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\n\\nexport const inputComponentValueAccessor = {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => InputComponent),\\n multi: true,\\n};\\n\\ntype ValidationType = null | \'positiveNumbers\';\\n\\nconst inputRegex: { [key: string]: RegExp } = {\\n positiveNumbers: /\\\\D/g,\\n};\\n\\nconst patterns: { [key: string]: string } = {\\n positiveNumbers: \'[0-9]*\',\\n};\\n\\nconst inputModes: { [key: string]: string } = {\\n positiveNumbers: \'numeric\',\\n};\\n\\n@Component({\\n selector: \'cvi-ng-input\',\\n templateUrl: \'./input.component.html\',\\n providers: [inputComponentValueAccessor],\\n})\\nexport class InputComponent implements ControlValueAccessor {\\n /** HTML id passed from FormItem component */\\n @Input() htmlId!: string;\\n\\n /** Maximum number of characters allowed */\\n @Input() maxLength?: string;\\n\\n /** Input is disabled */\\n @Input()\\n set disabled(value: boolean) {\\n this._disabled = value;\\n }\\n\\n get disabled(): boolean {\\n return this._disabled;\\n }\\n\\n /** Placeholder */\\n @Input() placeholder = \'\';\\n\\n /** Icon added to the right */\\n @Input() suffixIconName!: CviIconName;\\n\\n /** Only allow certain characters */\\n @Input()\\n set validationType(value: ValidationType) {\\n this._validationType = value;\\n }\\n\\n get validationType(): ValidationType {\\n return this._validationType;\\n }\\n /** Emit value on model change */\\n @Output() valueChange = new EventEmitter();\\n\\n /** Internal */\\n _internalValue?: any;\\n\\n /** Internal */\\n _disabled = false;\\n\\n _validationType: ValidationType = null;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onChanged: (_: any) => void = () =>\\n this.valueChange.emit(this._internalValue);\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => any = () => {};\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private propagateDisabled = (_: any) => {};\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-textfield cvi-textfield--type-single-line${\\n this.disabled ? \' cvi-textfield--is-disabled\' : \'\'\\n }${this.suffixIconName ? \' cvi-textfield--has-suffix-icon\' : \'\'}`;\\n }\\n\\n @HostListener(\'input\', [\'$event\'])\\n onInput(event: InputEvent) {\\n const inputElement = event.target as HTMLInputElement;\\n inputElement.value = this.handleValue(inputElement.value);\\n }\\n\\n handleValue(value: string): string {\\n if (this.validationType !== null) {\\n value = value.replace(inputRegex[this.validationType], \'\');\\n }\\n return value;\\n }\\n\\n get pattern(): string | null {\\n return this.validationType !== null && this.validationType in patterns\\n ? patterns[this.validationType]\\n : null;\\n }\\n\\n get inputMode(): string | null {\\n return this.validationType !== null && this.validationType in inputModes\\n ? inputModes[this.validationType]\\n : null;\\n }\\n\\n setValue(value: any) {\\n this.onChanged(this.handleValue(value));\\n this.onTouched();\\n }\\n\\n writeValue(value: any): void {\\n this._internalValue = value;\\n }\\n\\n registerOnChange(fn: any): void {\\n this.onChanged = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n registerOnDisabledChange(fn: (isDisabled: boolean) => void): void {\\n this.propagateDisabled = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n this.disabled = isDisabled;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["ControlValueAccessor"],"accessors":{"disabled":{"name":"disabled","setSignature":{"name":"disabled","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"value","type":"boolean","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":47,"rawdescription":"\\nInput is disabled","description":"

    Input is disabled

    \\n","jsdoctags":[{"name":"value","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"disabled","type":"boolean","returnType":"boolean","line":51}},"validationType":{"name":"validationType","setSignature":{"name":"validationType","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"value","type":"ValidationType","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":63,"rawdescription":"\\nOnly allow certain characters","description":"

    Only allow certain characters

    \\n","jsdoctags":[{"name":"value","type":"ValidationType","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"validationType","type":"","returnType":"ValidationType","line":67}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":89}},"pattern":{"name":"pattern","getSignature":{"name":"pattern","type":"","returnType":"string | null","line":108}},"inputMode":{"name":"inputMode","getSignature":{"name":"inputMode","type":"","returnType":"string | null","line":114}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-input
    Component nameInputComponent
    Contentno
    Permitted parent/ancestorscvi-ng-form-item
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a form input. Use with FormItem component.

    \\n

    Can be used with character counter directive cviNgCharacterCounter. If set, character counter uses binded [maxChars] property for defining maximum value, otherwise it takes the maximum value from maxlength attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the maxlength value accordingly.

    \\n","templateData":"\\n\\n\\n\\n"},{"name":"LabeledIconComponent","id":"component-LabeledIconComponent-f3d9dddf9536837549b2cfdb1daab2413d6888e5f56a61cbe2b471dfbe1aacbeb4e3eacffb7f2a87779b3354b6604a60625e1bb80b6a65c57a92e9367a5a28c7","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-labeled-icon","styleUrls":[],"styles":[],"templateUrl":["./labeled-icon.component.html"],"viewProviders":[],"inputsClass":[{"name":"gap","defaultValue":"4","deprecated":false,"deprecationMessage":"","rawdescription":"\\nGap between icon and text","description":"

    Gap between icon and text

    \\n","line":36,"type":"Gap","decorators":[]},{"name":"iconClass","defaultValue":"\'cvi-labeled-icon__icon-wrapper\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nAdditional classes for the cvi-ng-icon element","description":"

    Additional classes for the cvi-ng-icon element

    \\n","line":39,"type":"string","decorators":[]},{"name":"iconHeight","defaultValue":"iconSizeDefault","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon height in px","description":"

    Icon height in px

    \\n","line":32,"type":"number","decorators":[]},{"name":"iconPosition","defaultValue":"\'before\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon location","description":"

    Icon location

    \\n","line":22,"type":"LabeledIconPosition","decorators":[]},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon name","description":"

    Icon name

    \\n","line":25,"type":"CviIconName","decorators":[]},{"name":"svgClass","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nAdditional classes for the SVG element","description":"

    Additional classes for the SVG element

    \\n","line":28,"type":"string","decorators":[]},{"name":"verticalAlignment","defaultValue":"\'normal\'","deprecated":false,"deprecationMessage":"","line":41,"type":"LabeledIconVerticalAlignment","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"content","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":43,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'content\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":45,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ElementRef,\\n HostBinding,\\n Input,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { Gap } from \'../../track/track\';\\nimport { iconSizeDefault } from \'../icon/icon\';\\nimport { LabeledIconPosition } from \'../icon-position\';\\nimport { LabeledIconVerticalAlignment } from \'./vertical-alignment\';\\n\\n@Component({\\n selector: \'cvi-ng-labeled-icon\',\\n templateUrl: \'./labeled-icon.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class LabeledIconComponent {\\n /** Icon location */\\n @Input() iconPosition: LabeledIconPosition = \'before\';\\n\\n /** Icon name */\\n @Input() name!: CviIconName;\\n\\n /** Additional classes for the SVG element */\\n @Input() svgClass = \'\';\\n\\n /** Icon height in px */\\n @Input()\\n iconHeight?: number = iconSizeDefault;\\n\\n /** Gap between icon and text */\\n @Input()\\n gap: Gap = 4;\\n\\n /** Additional classes for the cvi-ng-icon element */\\n @Input() iconClass = \'cvi-labeled-icon__icon-wrapper\';\\n\\n @Input() verticalAlignment: LabeledIconVerticalAlignment = \'normal\';\\n\\n @ViewChild(\'content\') content!: ElementRef;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-labeled-icon`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":45}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-labeled-icon
    Component nameLabeledIconComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenPhrasing content
    \\n

    Where to use

    \\n

    Displays a regular svg icon that can optionally be followed by an html element.

    \\n","templateData":"\\n \\n \\n \\n\\n
    \\n \\n
    \\n\\n \\n \\n \\n    \\n\\n\\n \\n \\n\\n"},{"name":"ModalComponent","id":"component-ModalComponent-9a2ad60a944048a39b9f841596163c24579cf663b031446c871fe34f0a14d8f196a9579f340208cdd7f9b0cbc9b1c4dcb5bf3fd39db3efcc0f781c76d80dd52d","file":"libs/ui/src/lib/modal/modal.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-modal","styleUrls":[],"styles":[],"templateUrl":["./modal.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[{"name":"closed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":21,"type":"EventEmitter"}],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":17},{"name":"title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":19}],"methodsClass":[{"name":"closeModal","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":31,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n HostBinding,\\n OnDestroy,\\n Output,\\n TemplateRef,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-modal\',\\n templateUrl: \'./modal.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ModalComponent implements OnDestroy {\\n templateRef!: TemplateRef;\\n\\n title!: string;\\n\\n @Output() closed = new EventEmitter();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-modal`;\\n }\\n\\n ngOnDestroy(): void {\\n this.closeModal();\\n }\\n\\n closeModal(): void {\\n this.closed.emit();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":23}}},"templateData":"
    \\n \\n \\n
    \\n
    \\n"},{"name":"NotificationComponent","id":"component-NotificationComponent-b36b42cecfe013cbec5aa7f9cfff0a62a5e9362256356e4960f4e9779a0e69b5b11645f3b94c74231a581d25745d81abb9a282e6ce3ca2cf566421b7d0b08b68","file":"libs/ui/src/lib/notification/notification.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-notification","styleUrls":[],"styles":[],"templateUrl":["./notification.component.html"],"viewProviders":[],"inputsClass":[{"name":"iconName","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIcon to show (if not set, showing default icon for severity)","description":"

    Icon to show (if not set, showing default icon for severity)

    \\n","line":28,"type":"CviIconName","decorators":[]},{"name":"severity","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nNotification severity","description":"

    Notification severity

    \\n","line":19,"type":"NotificationSeverity","decorators":[]},{"name":"showCloseButton","defaultValue":"true","deprecated":false,"deprecationMessage":"","rawdescription":"\\nShould the close button be displayed","description":"

    Should the close button be displayed

    \\n","line":31,"type":"boolean","decorators":[]},{"name":"showIcon","defaultValue":"true","deprecated":false,"deprecationMessage":"","rawdescription":"\\nShould the icon be displayed (before header for regular and before content for compact)","description":"

    Should the icon be displayed (before header for regular and before content for compact)

    \\n","line":25,"type":"boolean","decorators":[]},{"name":"size","defaultValue":"\'regular\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nNotification size","description":"

    Notification size

    \\n","line":22,"type":"NotificationSize","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","rawdescription":"\\nNotification title","description":"

    Notification title

    \\n","line":34,"type":"string","decorators":[]}],"outputsClass":[{"name":"closed","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmitter for the close button click","description":"

    Emitter for the close button click

    \\n","line":37,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[{"name":"close","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":49,"deprecated":false,"deprecationMessage":""},{"name":"getIconName","args":[],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { NotificationSeverity, NotificationSize } from \'./notification\';\\nimport { NotificationSeverityToHeaderIconPipe } from \'./notification-severity-to-header-icon.pipe\';\\n\\n@Component({\\n selector: \'cvi-ng-notification\',\\n templateUrl: \'./notification.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class NotificationComponent {\\n /** Notification severity */\\n @Input() severity: NotificationSeverity = \'info\';\\n\\n /** Notification size */\\n @Input() size: NotificationSize = \'regular\';\\n\\n /** Should the icon be displayed (before header for regular and before content for compact) */\\n @Input() showIcon = true;\\n\\n /** Icon to show (if not set, showing default icon for severity) */\\n @Input() iconName?: CviIconName;\\n\\n /** Should the close button be displayed */\\n @Input() showCloseButton = true;\\n\\n /** Notification title */\\n @Input() title!: string;\\n\\n /** Emitter for the close button click */\\n @Output() closed = new EventEmitter();\\n\\n constructor(\\n private readonly iconPipe: NotificationSeverityToHeaderIconPipe\\n ) {}\\n\\n getIconName(): CviIconName | undefined {\\n return this.showIcon\\n ? this.iconName || this.iconPipe.transform(this.severity)\\n : undefined;\\n }\\n\\n close() {\\n this.closed.emit();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"iconPipe","type":"NotificationSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":""}],"line":37,"jsdoctags":[{"name":"iconPipe","type":"NotificationSeverityToHeaderIconPipe","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-notification
    Component nameNotificationComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    A notification component.

    \\n","templateData":"
    \\n \\n
    \\n
    \\n \\n \\n

    {{ title }}

    \\n     \\n     \\n \\n

    {{ title }}

    \\n     \\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n
    \\n"},{"name":"OptionButtonComponent","id":"component-OptionButtonComponent-c195a5590aed118a62116ac0fa39b0ff87bc3505457bf5a957b092208d5787ef2323515a4d7e5b152bda5b4fe8c471a47120e049ba782ddd1738dc941119606e","file":"libs/ui/src/lib/radio-button/option-button/option-button.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: RadioButtonComponent, useExisting: OptionButtonComponent,\\n}","type":"component"}],"selector":"cvi-ng-option-button","styleUrls":[],"styles":[],"templateUrl":["./option-button.component.html"],"viewProviders":[],"inputsClass":[{"name":"checked","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":26,"type":"boolean","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":28,"type":"boolean","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"label","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button label","description":"

    Radio button label

    \\n","line":24,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML name","description":"

    HTML name

    \\n","line":18,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}},{"name":"value","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button value","description":"

    Radio button value

    \\n","line":21,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}}],"outputsClass":[{"name":"inputInteraction","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":30,"type":"EventEmitter","inheritance":{"file":"RadioButtonComponent"}}],"propertiesClass":[{"name":"roleAttr","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":32,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}],"inheritance":{"file":"RadioButtonComponent"}}],"methodsClass":[{"name":"markForCheck","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":44,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"RadioButtonComponent"}},{"name":"onInputInteraction","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"RadioButtonComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":16,"type":"string","decorators":[]},{"name":"attr.role","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","line":32,"type":"string","decorators":[],"inheritance":{"file":"RadioButtonComponent"}}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding } from \'@angular/core\';\\nimport { RadioButtonComponent } from \'../radio-button/radio-button.component\';\\n\\n// Todo: this component is a full duplicate of radio-group.component aside from styling, get rid of it?\\n@Component({\\n selector: \'cvi-ng-option-button\',\\n templateUrl: \'./option-button.component.html\',\\n providers: [\\n {\\n provide: RadioButtonComponent,\\n useExisting: OptionButtonComponent,\\n },\\n ],\\n})\\nexport class OptionButtonComponent extends RadioButtonComponent {\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-radio-group__item`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"RadioButtonComponent","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":16}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-option-button
    Component nameOptionButtonComponent
    Design system module-
    Contentno
    Permitted parent/ancestorsRadioButtonsComponent
    Permitted children-
    \\n

    Where to use

    \\n

    A radio button that looks like a regular button. Use to allow end users to quickly leave feedback, etc.

    \\n","templateData":"\\n"},{"name":"RadioButtonComponent","id":"component-RadioButtonComponent-b631e593ed71e4d01772e65ea1d6ced172d3b5b597f182e4a39e83c70b28d3862e7cedc100fc9e680d11b31b85f7e79e64908526f33ecd86ad4ca5e5cd825bb5","file":"libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-radio-button","styleUrls":[],"styles":[],"templateUrl":["./radio-button.component.html"],"viewProviders":[],"inputsClass":[{"name":"checked","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":26,"type":"boolean","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":28,"type":"boolean","decorators":[]},{"name":"label","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button label","description":"

    Radio button label

    \\n","line":24,"type":"string","decorators":[]},{"name":"name","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML name","description":"

    HTML name

    \\n","line":18,"type":"string","decorators":[]},{"name":"value","deprecated":false,"deprecationMessage":"","rawdescription":"\\nRadio button value","description":"

    Radio button value

    \\n","line":21,"type":"string","decorators":[]}],"outputsClass":[{"name":"inputInteraction","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":30,"type":"EventEmitter"}],"propertiesClass":[{"name":"roleAttr","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":32,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]}],"methodsClass":[{"name":"markForCheck","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":44,"deprecated":false,"deprecationMessage":""},{"name":"onInputInteraction","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.role","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","line":32,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n EventEmitter,\\n HostBinding,\\n Input,\\n Output,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-radio-button\',\\n templateUrl: \'./radio-button.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class RadioButtonComponent {\\n /** HTML name */\\n @Input() name!: string;\\n\\n /** Radio button value */\\n @Input() value!: string;\\n\\n /** Radio button label */\\n @Input() label!: string;\\n\\n @Input() checked = false;\\n\\n @Input() disabled = false;\\n\\n @Output() inputInteraction: EventEmitter = new EventEmitter();\\n\\n @HostBinding(\'attr.role\') roleAttr = \'listitem\';\\n\\n constructor(private changeDetector: ChangeDetectorRef) {}\\n\\n onInputInteraction(event: Event) {\\n event.stopPropagation();\\n\\n if (!this.checked) {\\n this.inputInteraction.emit(this.value);\\n }\\n }\\n\\n markForCheck() {\\n this.changeDetector.markForCheck();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"changeDetector","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":32,"jsdoctags":[{"name":"changeDetector","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"templateData":"\\n"},{"name":"RadioGroupComponent","id":"component-RadioGroupComponent-784b0dea31f0bf3453c1a68818e2803d0446b845d08a7699352b7007880253b104a752da5f0a4f07efc343fc11aaa871fbbbb7c57d4deb9de79bfc944540b387","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"{\\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RadioGroupComponent), multi: true,\\n}","type":"component"}],"selector":"cvi-ng-radio-group","styleUrls":[],"styles":[],"templateUrl":["./radio-group.component.html"],"viewProviders":[],"inputsClass":[{"name":"appearance","defaultValue":"\'regular\'","deprecated":false,"deprecationMessage":"","line":43,"type":"\\"regular\\" | \\"compact\\"","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":41,"type":"boolean","decorators":[]},{"name":"name","defaultValue":"`radio-group-${nextUniqueId++}`","deprecated":false,"deprecationMessage":"","line":37,"type":"string","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","rawdescription":"\\nFieldset label","description":"

    Fieldset label

    \\n","line":35,"type":"string","decorators":[]},{"name":"value","defaultValue":"null","deprecated":false,"deprecationMessage":"","line":39,"type":"","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"groupValueChangedFn","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":60,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":63},{"name":"radioButtons","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":true,"description":"","line":52,"decorators":[{"name":"ContentChildren","stringifiedArguments":"undefined, {descendants: true}"}]},{"name":"selected","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"RadioButtonComponent | null","optional":false,"description":"","line":54,"modifierKind":[121]}],"methodsClass":[{"name":"registerOnChange","args":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}]}],"optional":false,"returnType":"void","typeParameters":[],"line":65,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"function","deprecated":false,"deprecationMessage":"","function":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":69,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateSelectedRadioFromValue","args":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":106,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"value","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":77,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":45,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n Component,\\n ContentChildren,\\n forwardRef,\\n HostBinding,\\n Input,\\n OnChanges,\\n OnDestroy,\\n QueryList,\\n SimpleChanges,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { RadioButtonComponent } from \'../radio-button/radio-button.component\';\\nimport { Subject, takeUntil } from \'rxjs\';\\n\\n// Increasing integer for generating unique ids for radio components.\\nlet nextUniqueId = 0;\\n\\n@Component({\\n selector: \'cvi-ng-radio-group\',\\n templateUrl: \'./radio-group.component.html\',\\n providers: [\\n {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => RadioGroupComponent),\\n multi: true,\\n },\\n ],\\n})\\nexport class RadioGroupComponent\\n implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy\\n{\\n /** Fieldset label */\\n @Input() title!: string;\\n\\n @Input() name = `radio-group-${nextUniqueId++}`;\\n\\n @Input() value: unknown = null;\\n\\n @Input() disabled = false;\\n\\n @Input() appearance: \'regular\' | \'compact\' = \'regular\';\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-radio-group cvi-radio-group--appearance-${this.appearance}`;\\n }\\n\\n @ContentChildren(forwardRef(() => RadioButtonComponent), {\\n descendants: true,\\n })\\n radioButtons?: QueryList;\\n\\n private selected: RadioButtonComponent | null = null;\\n\\n /** @internal */\\n private destroyed$ = new Subject();\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private groupValueChangedFn: (value: unknown) => void = () => {};\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n onTouched: () => unknown = () => {};\\n\\n registerOnChange(fn: (value: unknown) => void): void {\\n this.groupValueChangedFn = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n this.disabled = isDisabled;\\n }\\n\\n writeValue(value: unknown): void {\\n this.value = value;\\n this.updateSelectedRadioFromValue(value);\\n }\\n\\n ngAfterViewInit(): void {\\n this.radioButtons?.forEach((radio) => {\\n radio.name = this.name;\\n radio.markForCheck();\\n radio.inputInteraction\\n .pipe(takeUntil(this.destroyed$))\\n .subscribe((value) => {\\n this.updateSelectedRadioFromValue(value);\\n });\\n });\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n const value = changes[\'value\'];\\n if (value && value.currentValue !== value.previousValue) {\\n this.updateSelectedRadioFromValue(value.currentValue);\\n }\\n }\\n\\n ngOnDestroy(): void {\\n this.destroyed$.next(undefined);\\n this.destroyed$.complete();\\n }\\n\\n private updateSelectedRadioFromValue(value: unknown): void {\\n this.value = value;\\n const isAlreadySelected =\\n this.selected !== null && this.selected.value === this.value;\\n\\n if (this.radioButtons && !isAlreadySelected) {\\n this.selected?.markForCheck();\\n this.selected = null;\\n\\n this.radioButtons.forEach((radio) => {\\n radio.checked = this.value === radio.value;\\n\\n if (radio.checked) {\\n this.selected = radio;\\n this.selected.markForCheck();\\n }\\n });\\n\\n this.groupValueChangedFn(value);\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["ControlValueAccessor","AfterViewInit","OnChanges","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":45}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-radio-group
    Component nameRadioGroupComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenRadioGroupComponent
    \\n

    Where to use

    \\n

    A wrapper for radios (cvi-ng-radio-button) and buttons-as-radios (cvi-ng-option-button). Note that both cvi-ng-radio-button and cvi-ng-option-button cannot be used on their own.

    \\n","templateData":"
    \\n {{ title }}\\n
    \\n \\n
    \\n
    \\n"},{"name":"ReorderableListComponent","id":"component-ReorderableListComponent-c16129b1d3edcaeb8c1bf75cd467cf81ae89f78591aff65443528f7976615e4f5a8ebba571bbc7dd3200614ebaf81075c3a9179a20c215a690231c52d6f1562b","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list","styleUrls":[],"styles":[],"template":"\\n \\n\\n","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"items","deprecated":false,"deprecationMessage":"","line":23,"type":"any[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"templateRef","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":24,"decorators":[{"name":"ContentChild","stringifiedArguments":"TemplateRef"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":26,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ContentChild,\\n HostBinding,\\n Input,\\n TemplateRef,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list\',\\n template: `\\n \\n \\n \\n `,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ReorderableListComponent {\\n /* eslint-disable @typescript-eslint/no-explicit-any */\\n @Input() items!: any[];\\n @ContentChild(TemplateRef) templateRef!: TemplateRef;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-reorderable-list`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":26}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-reorderable-list
    Component nameReorderableListComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-reorderable-list-item
    \\n

    Where to use

    \\n

    Used for steps configuration.

    \\n

    It works with any provided object type. Make sure the template bindings match with the provided object type keys.

    \\n

    Here are some examples:

    \\n"},{"name":"ReorderableListExampleComponent","id":"component-ReorderableListExampleComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-example.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n {{ item.value }}\\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ReorderableListItemComponent","id":"component-ReorderableListItemComponent-ac5672c1b5f209a46ba420e0f41bff43c8bb82990a4e270d940280261e3136cb1fdbfe3c7d190e38c0ace866a9d53637c53a442a91813e27048b2f3625d6cb2f","file":"libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-item","styleUrls":[],"styles":[],"templateUrl":["./reorderable-list-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"index","deprecated":false,"deprecationMessage":"","line":17,"type":"number","decorators":[]},{"name":"setAsNextStepButtonVisible","deprecated":false,"deprecationMessage":"","line":19,"type":"boolean","decorators":[]},{"name":"setAsPreviousStepButtonVisible","deprecated":false,"deprecationMessage":"","line":18,"type":"boolean","decorators":[]}],"outputsClass":[{"name":"removeStepEvent","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":22,"type":"EventEmitter"},{"name":"swapStepsEvent","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":21,"type":"EventEmitter"}],"propertiesClass":[],"methodsClass":[{"name":"moveStepTo","args":[{"name":"direction","type":"\\"previous\\" | \\"next\\"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":32,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"direction","type":"\\"previous\\" | \\"next\\"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"removeStep","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n EventEmitter,\\n HostBinding,\\n Input,\\n Output,\\n} from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-item\',\\n templateUrl: \'./reorderable-list-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ReorderableListItemComponent {\\n @Input() index!: number;\\n @Input() setAsPreviousStepButtonVisible!: boolean;\\n @Input() setAsNextStepButtonVisible!: boolean;\\n\\n @Output() swapStepsEvent = new EventEmitter();\\n @Output() removeStepEvent = new EventEmitter();\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-reorderable-list__item`;\\n }\\n\\n get orderNr(): number {\\n return this.index + 1;\\n }\\n\\n moveStepTo(direction: \'previous\' | \'next\'): void {\\n this.swapStepsEvent.emit({\\n index1: this.index,\\n index2: (this.index += direction === \'next\' ? 1 : -1),\\n } as SwapReorderableListItems);\\n }\\n\\n removeStep(): void {\\n this.removeStepEvent.emit(this.index);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":24}},"orderNr":{"name":"orderNr","getSignature":{"name":"orderNr","type":"number","returnType":"number","line":28}}},"templateData":"\\n\\n
    \\n \\n
    \\n {{ orderNr }}\\n
    \\n \\n
    \\n\\n
    \\n \\n
    \\n"},{"name":"ReorderableListMultipleFormItemsComponent","id":"component-ReorderableListMultipleFormItemsComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-multiple-form-items-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-multiple-form-items.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n Add item\\n \\n \\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ReorderableListMultipleTracksAndFormItemsComponent","id":"component-ReorderableListMultipleTracksAndFormItemsComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-multiple-tracks-and-form-items-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n Add item\\n \\n \\n\\n\\n\\n \\n \\n \x3c!-- Additional track for gaps between containing elements --\x3e\\n \\n \x3c!-- 1st track--\x3e\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \x3c!-- 2nd track --\x3e\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n\\n \\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ReorderableListSingleFormItemComponent","id":"component-ReorderableListSingleFormItemComponent-1c2ac113db31277160743376bde84e54a09f9e294bcd63225430b7c22c9dbd84d8fe963cc9be5a44ffab4474178ad2b2cf7d79e4c2aeb5e7d557713ecefd8d2d","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-reorderable-list-single-form-item-example","styleUrls":[],"styles":[],"templateUrl":["./example-templates/reorderable-list-single-form-item.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"items","defaultValue":"[]","deprecated":false,"deprecationMessage":"","type":"any[]","optional":false,"description":"","line":10,"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"methodsClass":[{"name":"addNewItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":12,"deprecated":false,"deprecationMessage":"","inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getIndex","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":35,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getOrderNr","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"number","typeParameters":[],"line":39,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"getStepId","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""},{"name":"i","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"i","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotFirstItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":16,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"isNotLastItem","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":20,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"removeStep","args":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":30,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}},{"name":"swapSteps","args":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":24,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"change","type":"SwapReorderableListItems","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}],"inheritance":{"file":"ReorderableListExampleBaseComponent"}}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ReorderableListComponent } from \'./reorderable-list.component\';\\nimport { ChangeDetectionStrategy, Component, OnInit } from \'@angular/core\';\\nimport { SwapReorderableListItems } from \'../swap-reorderable-list-items\';\\nimport { FormsModule } from \'@angular/forms\';\\nimport notes from \'./reorderable-list.component.md\';\\n\\nclass ReorderableListExampleBaseComponent {\\n items: any[] = [];\\n\\n addNewItem(): void {\\n this.items = [...this.items, { index: this.items.length } as any];\\n }\\n\\n isNotFirstItem(item: any): boolean {\\n return this.items.indexOf(item) !== 0;\\n }\\n\\n isNotLastItem(item: any): boolean {\\n return this.items.indexOf(item) !== this.items.length - 1;\\n }\\n\\n swapSteps(change: SwapReorderableListItems): void {\\n const itemsTemp = this.items[change.index1];\\n this.items[change.index1] = this.items[change.index2];\\n this.items[change.index2] = itemsTemp;\\n }\\n\\n removeStep(item: any): void {\\n this.items.splice(this.getIndex(item), 1);\\n this.items.forEach((stepConfig, index) => (stepConfig.index = index));\\n }\\n\\n getIndex(item: any): number {\\n return this.items.indexOf(item);\\n }\\n\\n getOrderNr(item: any): number {\\n return this.getIndex(item) + 1;\\n }\\n\\n getStepId(item: any, i: number): string {\\n return \'step-\' + this.getOrderNr(item) + \'-form-item\' + i;\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-example\',\\n templateUrl: \'./example-templates/reorderable-list-example.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListExampleComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, value: \'Me as well\' },\\n { index: 1, value: \'And so am I\' },\\n { index: 2, value: \'I am a reorderable item\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-single-form-item-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-single-form-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListSingleFormItemComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n { index: 0, title: \'Submission of application\' },\\n { index: 1, title: \'Confirmation of time and place\' },\\n { index: 2, title: \'Getting married\' },\\n { index: 3, title: \'Application for ID card and passport\' },\\n { index: 4, title: \'Receiving the ID card and passport\' },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n field1: \'Some value\',\\n field2: \'Another value\',\\n field3: \'And another one\',\\n field4: \'And yet another one\',\\n field5: \'The final one, I swear\',\\n },\\n {\\n index: 1,\\n field1: \'Sorry, here is another item\',\\n field2: \'With another value\',\\n field3: \'And another\',\\n field4: \'Second to last value\',\\n field5: \'THE last one :)\',\\n },\\n ];\\n }\\n}\\n\\n@Component({\\n selector: \'cvi-ng-reorderable-list-multiple-tracks-and-form-items-example\',\\n templateUrl:\\n \'./example-templates/reorderable-list-multiple-tracks-and-form-items.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nclass ReorderableListMultipleTracksAndFormItemsComponent\\n extends ReorderableListExampleBaseComponent\\n implements OnInit\\n{\\n ngOnInit(): void {\\n this.items = [\\n {\\n index: 0,\\n track1Field1: \'A value in the first track\',\\n track1Field2: \'Something important\',\\n track1Field3: \'1234567890\',\\n track2Field1: \'Now this is the second track\',\\n track2Field2: \'Qwerty\',\\n singleField:\\n \'Here you can write a lot ... or as long as a lot is less that 100 characters\',\\n },\\n ];\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Reorderable list\',\\n component: ReorderableListComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n },\\n decorators: [\\n moduleMetadata({\\n imports: [FormsModule],\\n declarations: [\\n ReorderableListExampleComponent,\\n ReorderableListSingleFormItemComponent,\\n ReorderableListMultipleFormItemsComponent,\\n ReorderableListMultipleTracksAndFormItemsComponent,\\n ],\\n }),\\n ],\\n} as Meta;\\n\\nconst Template: Story = (\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.args = {};\\n\\nconst ReorderableListSingleFormItemTemplate: Story<\\n ReorderableListSingleFormItemComponent\\n> = (args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListSingleFormItem =\\n ReorderableListSingleFormItemTemplate.bind({});\\nReorderableListSingleFormItem.storyName = \'Single form item\';\\nReorderableListSingleFormItem.args = {};\\n\\nconst ReorderableListMultipleFormItemsTemplate: Story<\\n ReorderableListMultipleFormItemsComponent\\n> = (args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleFormItems =\\n ReorderableListMultipleFormItemsTemplate.bind({});\\nReorderableListMultipleFormItems.storyName = \'A track with multiple form items\';\\nReorderableListMultipleFormItems.args = {};\\n\\nconst ReorderableListMultipleTracksAndFormItemsTemplate: Story<\\n ReorderableListMultipleTracksAndFormItemsComponent\\n> = (args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n});\\n\\nexport const ReorderableListMultipleTracksAndFormItems =\\n ReorderableListMultipleTracksAndFormItemsTemplate.bind({});\\nReorderableListMultipleTracksAndFormItems.storyName =\\n \'Multiple tracks with multiple form items, and a standalone form item\';\\nReorderableListMultipleTracksAndFormItems.parameters = {\\n // Disabling Chromatic because cvi-ng-textarea triggers a visual change on every build\\n chromatic: { disableSnapshot: true },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","extends":"ReorderableListExampleBaseComponent","implements":["OnInit"],"templateData":"\\n \\n \\n Add item\\n \\n \\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n\\n\\n
    \\n 
    Items:
    \\n 
    {{ items | json }}
    \\n
    \\n"},{"name":"ScreenreaderTextComponent","id":"component-ScreenreaderTextComponent-3ccbae52863886f0fb462ff3a0b59c51d883487d6aa75191579456953b7b88d66d546843f7f3e753e527a9b322d5e9daa725df69ded303da9906ea1c481a955e","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-screenreader-text","styleUrls":[],"styles":[],"template":"{{ label }}","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":8,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-screenreader-text\',\\n template: `{{ label }}`,\\n})\\nexport class ScreenreaderTextComponent {\\n @Input() label!: string;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-screenreader-text`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":10}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-screenreader-text
    Component nameScreenreaderTextComponent
    Design system module-
    Contentno
    Permitted parent/ancestorsany (usually an interactive element such as button)
    Permitted children-
    \\n

    Where to use

    \\n

    Use to provide some label to an accessibility device while hiding it visually. This will help to avoid a WCAG violation such as "Buttons must have discernible text". This is an alternative technique to using aria-label attribute.

    \\n"},{"name":"SelectComponent","id":"component-SelectComponent-44237bfb2706d50478a653b87a6ceb94a7f0b47e1ecacceb82426163a5aa3ec4f1224259e44b31371387d9dd73c2197f2c27806ec5c05f3be8e08682a59729be","file":"libs/ui/src/lib/select/select.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-select","styleUrls":[],"styles":[],"templateUrl":["./select.component.html"],"viewProviders":[],"inputsClass":[{"name":"addItemFn","deprecated":false,"deprecationMessage":"","line":55,"type":"AddItemFn | undefined","decorators":[]},{"name":"addItemLabel","deprecated":false,"deprecationMessage":"","line":54,"type":"string | undefined","decorators":[]},{"name":"backgroundDisabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":57,"type":"boolean","decorators":[]},{"name":"bindLabel","deprecated":false,"deprecationMessage":"","line":43,"type":"string","decorators":[]},{"name":"bindValue","deprecated":false,"deprecationMessage":"","line":42,"type":"string","decorators":[]},{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":58,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed from FormItem component","description":"

    HTML id passed from FormItem component

    \\n","line":61,"type":"string","decorators":[]},{"name":"items","deprecated":false,"deprecationMessage":"","line":45,"type":"[]","decorators":[]},{"name":"labelId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nLabel id passed from FormItem component","description":"

    Label id passed from FormItem component

    \\n","line":64,"type":"string","decorators":[]},{"name":"loading","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":65,"type":"boolean","decorators":[]},{"name":"loadingLabel","defaultValue":"\'Laadimine...\'","deprecated":false,"deprecationMessage":"","line":66,"type":"string","decorators":[]},{"name":"minTermLength","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":56,"type":"number","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":49,"type":"string","decorators":[]},{"name":"searchFn","defaultValue":"null","deprecated":false,"deprecationMessage":"","line":50,"type":" | null","decorators":[]},{"name":"sortItemsFn","deprecated":false,"deprecationMessage":"","line":67,"type":" | undefined","decorators":[]},{"name":"valueFormatFn","defaultValue":"null","deprecated":false,"deprecationMessage":"","rawdescription":"\\nThis function is mandatory when objects as items are provided","description":"

    This function is mandatory when objects as items are provided

    \\n","line":53,"type":" | null","decorators":[]}],"outputsClass":[{"name":"itemChanged","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":69,"type":"EventEmitter"}],"propertiesClass":[{"name":"control","deprecated":false,"deprecationMessage":"","type":"NgControl","optional":false,"description":"","line":100,"decorators":[{"name":"Self","stringifiedArguments":""},{"name":"Optional","stringifiedArguments":""}],"modifierKind":[123]},{"name":"destroy$","defaultValue":"new Subject()","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":87,"modifierKind":[121,144]},{"name":"editButton","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":79,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'editButton\', {static: true}"}]},{"name":"focusedOptionIndex","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"number | null","optional":false,"description":"","line":85},{"name":"isOpen","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":81},{"name":"itemsList","deprecated":false,"deprecationMessage":"","type":"SelectItemsList","optional":false,"description":"","line":83},{"name":"labelTemplate","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":true,"description":"","line":72,"decorators":[{"name":"ContentChild","stringifiedArguments":"LabelTemplateDirective, {read: TemplateRef}"}]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":93,"modifierKind":[121]},{"name":"optionTemplate","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":true,"description":"","line":74,"decorators":[{"name":"ContentChild","stringifiedArguments":"OptionTemplateDirective, {read: TemplateRef}"}]},{"name":"searchInput","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":77,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'searchInput\', {static: true}"}]},{"name":"searchInputFocused","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":84},{"name":"searchTerm","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"string | null","optional":false,"description":"","line":82},{"name":"select","deprecated":false,"deprecationMessage":"","type":"HTMLElement","optional":false,"description":"","line":88,"modifierKind":[121,144]},{"name":"valueChangedFn","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":91,"modifierKind":[121]}],"methodsClass":[{"name":"addItem","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":345,"deprecated":false,"deprecationMessage":""},{"name":"blur","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":207,"deprecated":false,"deprecationMessage":""},{"name":"checkToClose","args":[{"name":"event","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":328,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"event","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"close","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":268,"deprecated":false,"deprecationMessage":""},{"name":"filter","args":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":336,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"term","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"focus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":198,"deprecated":false,"deprecationMessage":""},{"name":"focusEditButton","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":203,"deprecated":false,"deprecationMessage":""},{"name":"handleArrowButtonClick","args":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":250,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleClosingFromKeyboard","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":232,"deprecated":false,"deprecationMessage":""},{"name":"handleMousedown","args":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":239,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleOpeningWithArrowFromKeyboard","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":219,"deprecated":false,"deprecationMessage":""},{"name":"handleOpeningWithTypingFromKeyboard","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":226,"deprecated":false,"deprecationMessage":""},{"name":"handleOutsideClick","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":313,"deprecated":false,"deprecationMessage":"","modifierKind":[121]},{"name":"open","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":261,"deprecated":false,"deprecationMessage":""},{"name":"registerOnChange","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":284,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":288,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"restoreFocusAfterClosing","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":211,"deprecated":false,"deprecationMessage":""},{"name":"selectItem","args":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":178,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"item","type":"SelectOption","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setDisabledState","args":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":292,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"isDisabled","type":"boolean","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"setItems","args":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":341,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateFocusedItem","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":194,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"obj","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":302,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"obj","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChild,\\n ElementRef,\\n EventEmitter,\\n Inject,\\n Input,\\n NgZone,\\n OnChanges,\\n OnDestroy,\\n OnInit,\\n Optional,\\n Output,\\n Self,\\n SimpleChanges,\\n TemplateRef,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { fromEvent, merge, Subject } from \'rxjs\';\\nimport { DOCUMENT } from \'@angular/common\';\\nimport { takeUntil } from \'rxjs/operators\';\\nimport { ControlValueAccessor, NgControl } from \'@angular/forms\';\\nimport {\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n} from \'./select-templates.directive\';\\nimport { SelectOption } from \'./select.types\';\\nimport { SelectItemsList } from \'./select-items-list\';\\n\\nexport type AddItemFn = (term: string) => unknown | Promise;\\n\\n@Component({\\n selector: \'cvi-ng-select\',\\n templateUrl: \'./select.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class SelectComponent\\n implements ControlValueAccessor, OnInit, OnDestroy, OnChanges\\n{\\n @Input() bindValue?: string;\\n @Input() bindLabel?: string;\\n\\n @Input() set items(items: unknown[]) {\\n this.setItems(items);\\n }\\n\\n @Input() placeholder = \'\';\\n @Input() searchFn?: ((search: string, item: unknown) => boolean) | null =\\n null;\\n /** This function is mandatory when objects as items are provided */\\n @Input() valueFormatFn?: ((item: unknown) => string) | null = null;\\n @Input() addItemLabel: string | undefined;\\n @Input() addItemFn: AddItemFn | undefined;\\n @Input() minTermLength = 0;\\n @Input() backgroundDisabled = false;\\n @Input() disabled = false;\\n\\n /** HTML id passed from FormItem component */\\n @Input() htmlId!: string;\\n\\n /** Label id passed from FormItem component */\\n @Input() labelId!: string;\\n @Input() loading = false;\\n @Input() loadingLabel = \'Laadimine...\';\\n @Input() sortItemsFn: ((a: unknown, b: unknown) => number) | undefined;\\n\\n @Output() itemChanged = new EventEmitter();\\n\\n @ContentChild(LabelTemplateDirective, { read: TemplateRef })\\n labelTemplate?: TemplateRef;\\n @ContentChild(OptionTemplateDirective, { read: TemplateRef })\\n optionTemplate?: TemplateRef;\\n\\n @ViewChild(\'searchInput\', { static: true })\\n searchInput?: ElementRef;\\n @ViewChild(\'editButton\', { static: true })\\n editButton?: ElementRef;\\n\\n isOpen = false;\\n searchTerm: string | null = null;\\n itemsList: SelectItemsList;\\n searchInputFocused = false;\\n focusedOptionIndex: number | null = null;\\n\\n private readonly destroy$ = new Subject();\\n private readonly select: HTMLElement;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private valueChangedFn: (value: unknown) => void = () => {};\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => unknown = () => {};\\n\\n constructor(\\n private zone: NgZone,\\n elementRef: ElementRef,\\n private cd: ChangeDetectorRef,\\n @Optional() @Inject(DOCUMENT) private document: Document,\\n @Self() @Optional() public control: NgControl\\n ) {\\n this.control && (this.control.valueAccessor = this);\\n this.select = elementRef.nativeElement;\\n this.itemsList = new SelectItemsList(this);\\n }\\n\\n get invalid(): boolean {\\n return this.control ? !!this.control.invalid : false;\\n }\\n\\n get inputValue(): string | undefined {\\n if (this.searchTerm) {\\n return this.searchTerm;\\n }\\n\\n return \'\';\\n }\\n\\n get touched(): boolean {\\n return this.control ? !!this.control.touched : false;\\n }\\n\\n get selectedItem(): SelectOption | undefined {\\n return this.itemsList.selectedItem;\\n }\\n\\n get hasValue() {\\n return !!this.selectedItem;\\n }\\n\\n get showAddItem() {\\n if (!this.validTerm) {\\n return false;\\n }\\n\\n return !!this.addItemFn;\\n }\\n\\n get listboxHtmlId() {\\n return this.htmlId + \'-listbox\';\\n }\\n\\n get focusedItemHtmlId() {\\n if (this.isOpen && this.focusedOptionIndex !== null) {\\n return this.htmlId + \'-listbox-item-\' + this.focusedOptionIndex;\\n }\\n return \'\';\\n }\\n\\n ngOnInit(): void {\\n this.handleOutsideClick();\\n\\n if (this.control?.control) {\\n const originalMarkAsTouched = this.control.control.markAsTouched;\\n this.control.control.markAsTouched = (args) => {\\n originalMarkAsTouched.apply(this.control.control, [args]);\\n this.cd.markForCheck();\\n };\\n }\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n if (changes[\'sortItemsFn\']) {\\n const sortFn = changes[\'sortItemsFn\'].currentValue;\\n\\n if (sortFn instanceof Function) {\\n this.itemsList.sortItems(changes[\'sortItemsFn\'].currentValue);\\n }\\n }\\n }\\n\\n ngOnDestroy() {\\n this.destroy$.next();\\n this.destroy$.complete();\\n this.destroy$.unsubscribe();\\n }\\n\\n selectItem(item: SelectOption): void {\\n this.itemsList.select(item);\\n\\n const selectedValue = this.bindValue\\n ? this.itemsList.selectedItem?.value[this.bindValue]\\n : this.itemsList.selectedItem?.value;\\n this.itemChanged.emit(selectedValue);\\n\\n if (typeof this.valueChangedFn === \'function\') {\\n this.valueChangedFn(selectedValue);\\n }\\n\\n this.close();\\n this.restoreFocusAfterClosing();\\n }\\n\\n updateFocusedItem(index: number) {\\n this.focusedOptionIndex = index;\\n }\\n\\n focus() {\\n // timeout is needed to focus input element when it is hidden and becomes visible again\\n setTimeout(() => this.searchInput?.nativeElement.focus());\\n }\\n\\n focusEditButton() {\\n setTimeout(() => this.editButton?.nativeElement.focus());\\n }\\n\\n blur() {\\n this.searchInput?.nativeElement.blur();\\n }\\n\\n restoreFocusAfterClosing() {\\n if (this.backgroundDisabled && this.hasValue) {\\n this.focusEditButton();\\n } else {\\n this.focus();\\n }\\n }\\n\\n handleOpeningWithArrowFromKeyboard() {\\n if (!this.isOpen) {\\n this.open();\\n this.updateFocusedItem(0);\\n }\\n }\\n\\n handleOpeningWithTypingFromKeyboard() {\\n if (!this.isOpen) {\\n this.open();\\n }\\n }\\n\\n handleClosingFromKeyboard() {\\n if (this.isOpen) {\\n this.close();\\n this.restoreFocusAfterClosing();\\n }\\n }\\n\\n handleMousedown(event: MouseEvent) {\\n if (!this.hasValue || !this.backgroundDisabled) {\\n const target = event.target as HTMLElement;\\n if (target.tagName !== \'INPUT\') {\\n event.preventDefault();\\n }\\n\\n this.open();\\n }\\n }\\n\\n handleArrowButtonClick(event: MouseEvent) {\\n event.stopPropagation();\\n event.preventDefault();\\n\\n if (this.isOpen) {\\n this.close();\\n } else {\\n this.open();\\n }\\n }\\n\\n open() {\\n if (!this.disabled) {\\n this.isOpen = true;\\n this.focus();\\n }\\n }\\n\\n close() {\\n if (!this.isOpen) {\\n return;\\n }\\n\\n this.isOpen = false;\\n this.searchTerm = null;\\n this.itemsList.resetFilteredItems();\\n this.focusedOptionIndex = null;\\n\\n if (typeof this.onTouched === \'function\') {\\n this.onTouched();\\n }\\n this.cd.markForCheck();\\n }\\n\\n registerOnChange(fn: any): void {\\n this.valueChangedFn = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n setDisabledState(isDisabled: boolean): void {\\n this.disabled = isDisabled;\\n\\n if (this.disabled) {\\n this.close();\\n }\\n\\n this.cd.markForCheck();\\n }\\n\\n writeValue(obj: any): void {\\n this.itemsList.clearSelection();\\n\\n const item = this.itemsList.findItem(obj);\\n if (item) {\\n this.itemsList.select(item);\\n }\\n\\n this.cd.markForCheck();\\n }\\n\\n private handleOutsideClick() {\\n if (!this.document) {\\n return;\\n }\\n\\n this.zone.runOutsideAngular(() => {\\n merge(\\n fromEvent(this.document, \'touchstart\', { capture: true }),\\n fromEvent(this.document, \'mousedown\', { capture: true })\\n )\\n .pipe(takeUntil(this.destroy$))\\n .subscribe((event) => this.checkToClose(event));\\n });\\n }\\n\\n private checkToClose(event: any) {\\n if (this.select.contains(event.target)) {\\n return;\\n }\\n\\n this.zone.run(() => this.close());\\n }\\n\\n filter(term: string) {\\n this.searchTerm = term;\\n this.itemsList.filter(term);\\n }\\n\\n private setItems(items: unknown[]) {\\n this.itemsList.setItems(items);\\n }\\n\\n addItem() {\\n let item;\\n if (this.addItemFn instanceof Function && !!this.searchTerm) {\\n item = this.addItemFn(this.searchTerm);\\n } else {\\n item = this.searchTerm;\\n }\\n\\n if (item instanceof Promise) {\\n item\\n .then((result) => this.selectItem(this.itemsList.addItem(result)))\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n .catch(() => {\\n this.close();\\n });\\n } else {\\n this.selectItem(this.itemsList.addItem(item));\\n }\\n }\\n\\n private get validTerm() {\\n const term = this.searchTerm && this.searchTerm.trim();\\n return term && term.length >= this.minTermLength;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"zone","type":"NgZone","deprecated":false,"deprecationMessage":""},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":""},{"name":"control","type":"NgControl","deprecated":false,"deprecationMessage":""}],"line":93,"jsdoctags":[{"name":"zone","type":"NgZone","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"elementRef","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"document","type":"Document","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"control","type":"NgControl","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["ControlValueAccessor","OnInit","OnDestroy","OnChanges"],"accessors":{"items":{"name":"items","setSignature":{"name":"items","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":45,"jsdoctags":[{"name":"items","type":"[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}},"invalid":{"name":"invalid","getSignature":{"name":"invalid","type":"boolean","returnType":"boolean","line":107}},"inputValue":{"name":"inputValue","getSignature":{"name":"inputValue","type":"","returnType":"string | undefined","line":111}},"touched":{"name":"touched","getSignature":{"name":"touched","type":"boolean","returnType":"boolean","line":119}},"selectedItem":{"name":"selectedItem","getSignature":{"name":"selectedItem","type":"","returnType":"SelectOption | undefined","line":123}},"hasValue":{"name":"hasValue","getSignature":{"name":"hasValue","type":"","returnType":"","line":127}},"showAddItem":{"name":"showAddItem","getSignature":{"name":"showAddItem","type":"","returnType":"","line":131}},"listboxHtmlId":{"name":"listboxHtmlId","getSignature":{"name":"listboxHtmlId","type":"","returnType":"","line":139}},"focusedItemHtmlId":{"name":"focusedItemHtmlId","getSignature":{"name":"focusedItemHtmlId","type":"","returnType":"","line":143}},"validTerm":{"name":"validTerm","getSignature":{"name":"validTerm","type":"","returnType":"","line":365}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-select
    Component nameSelectComponent
    Contentno
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Displays a select component where you can search element

    \\n","templateData":"
    \\n
    \\n
    \\n
    {{placeholder}}
    \\n
    \\n \\n {{selectedItem?.label}}\\n \\n\\n \\n \\n
    \\n
    \\n
    \\n \\n
    \\n \x3c!-- We don\'t use ngIf here because it would be impossible to focus the button --\x3e\\n \\n \\n \\n \\n
    \\n
    \\n
    \\n
      \\n
    • \\n \\n {{ bindLabel ? item.value[bindLabel] : item.value }}\\n \\n \\n \\n
      • \\n
    • \\n {{addItemLabel}} \\"{{searchTerm}}\\"\\n
      • \\n
    \\n \\n
    \\n {{ loadingLabel }}\\n
    \\n     \\n
    \\n
    \\n
    \\n\\n\\n \\n \\n \\n \\n \\n \\n
    \\n    \\n"},{"name":"StatusBadgeComponent","id":"component-StatusBadgeComponent-973eaa245d2c81b1185e15461de7d0b78cc22c1ca0c235fd08c814ff571ab22ebc57e007d180b64dc987255162b5742a571dc06c926ce13b9bf6bc05999458dc","file":"libs/ui/src/lib/status-badge/status-badge.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-status-badge","styleUrls":[],"styles":[],"templateUrl":["./status-badge.component.html"],"viewProviders":[],"inputsClass":[{"name":"hasBackground","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":26,"type":"boolean","decorators":[]},{"name":"label","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":22,"type":"string","decorators":[]},{"name":"severity","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","line":21,"type":"StatusBadgeSeverity","decorators":[]},{"name":"tooltipIcon","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","line":25,"type":"CviIconName","decorators":[]},{"name":"tooltipText","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]},{"name":"withTooltip","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":23,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getCustomProperty","args":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"string | null","typeParameters":[],"line":47,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"propName","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":28,"type":"string","decorators":[]},{"name":"style.--background-color","deprecated":false,"deprecationMessage":"","line":34,"type":"string | null","decorators":[]},{"name":"style.--border-color","deprecated":false,"deprecationMessage":"","line":41,"type":"string | null","decorators":[]},{"name":"style.--color","deprecated":false,"deprecationMessage":"","line":31,"type":"string | null","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport {\\n StatusBadgeSeverity,\\n StatusBadgeCustomPropertyGroup,\\n statusBadgeCustomPropertyGroups,\\n StatusBadgeCustomProperties,\\n} from \'./status-badge\';\\n\\n@Component({\\n selector: \'cvi-ng-status-badge\',\\n templateUrl: \'./status-badge.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StatusBadgeComponent {\\n @Input() severity: StatusBadgeSeverity = \'info\';\\n @Input() label = \'\';\\n @Input() withTooltip = false;\\n @Input() tooltipText? = \'\';\\n @Input() tooltipIcon?: CviIconName = \'info\';\\n @Input() hasBackground = true;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-status-badge`;\\n }\\n @HostBinding(\'style.--color\') get hostStyleColor(): string | null {\\n return this.getCustomProperty(\'--color\');\\n }\\n @HostBinding(\'style.--background-color\') get hostStyleBackgroundColor():\\n | string\\n | null {\\n return this.hasBackground\\n ? this.getCustomProperty(\'--background-color\')\\n : null;\\n }\\n @HostBinding(\'style.--border-color\') get hostStyleBorderColor():\\n | string\\n | null {\\n return this.getCustomProperty(\'--border-color\');\\n }\\n\\n getCustomProperty(\\n propName: keyof StatusBadgeCustomProperties\\n ): string | null {\\n const item = statusBadgeCustomPropertyGroups.find(\\n (group: StatusBadgeCustomPropertyGroup) =>\\n group.severity === this.severity\\n );\\n if (item) {\\n return `var(${\\n item.customProperties[propName as keyof StatusBadgeCustomProperties]\\n })`;\\n }\\n return null;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":28}},"hostStyleColor":{"name":"hostStyleColor","getSignature":{"name":"hostStyleColor","type":"","returnType":"string | null","line":31}},"hostStyleBackgroundColor":{"name":"hostStyleBackgroundColor","getSignature":{"name":"hostStyleBackgroundColor","type":"","returnType":"string | null","line":34}},"hostStyleBorderColor":{"name":"hostStyleBorderColor","getSignature":{"name":"hostStyleBorderColor","type":"","returnType":"string | null","line":41}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-status-badge
    Component nameStatusBadgeComponent
    Design system module-
    Contentno
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    Adds a colored status badge with some text.

    \\n","templateData":"
    \\n {{ label }}\\n \\n
    \\n"},{"name":"StepComponent","id":"component-StepComponent-d46ab0f5829fa36a97387dca48ae0370d4f3fb7f26e4e94d617ae4413b89f077953836c696dba8c846827dbbbb97aff0665c3d4d5e798939da87b65283738aa5","file":"libs/ui/src/lib/steps/step/step.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-step","styleUrls":[],"styles":[],"template":"\\n \\n\\n","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"ref","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":false,"description":"","line":29,"modifierKind":[123]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":31,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ElementRef,\\n HostBinding,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-step\',\\n template: `\\n \\n \\n \\n `,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StepComponent {\\n /** The internal marker is needed because otherwise its default value overrides the input in Storybook */\\n /** @internal */\\n private _isVisible = false;\\n set isVisible(isVisible) {\\n this._isVisible = isVisible;\\n this.cdRef.detectChanges();\\n }\\n get isVisible() {\\n return this._isVisible;\\n }\\n constructor(public ref: ElementRef, private cdRef: ChangeDetectorRef) {}\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-steps__step\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"ref","type":"ElementRef","deprecated":false,"deprecationMessage":""},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":28,"jsdoctags":[{"name":"ref","type":"ElementRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"isVisible":{"name":"isVisible","setSignature":{"name":"isVisible","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"isVisible","type":"","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":22,"jsdoctags":[{"name":"isVisible","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"isVisible","type":"","returnType":"","line":26}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":31}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-step
    Component nameStepComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorscvi-ng-steps
    Permitted childrenany, cvi-ng-step-panel
    \\n

    Where to use

    \\n

    Is responsible for rendering a tab in cvi-ng-steps. You can insert cvi-ng-step-panel inside this component for better UI.

    \\n"},{"name":"StepPanelComponent","id":"component-StepPanelComponent-722d1d3131aeb832629da9ce3d70843e9af33c37f48cd23bebde71afa25e5f2b08f44f5ef074ffea42df1870a6d97219819aac8a6a2dbebb8609074080bc0c9d","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-step-panel","styleUrls":[],"styles":[],"templateUrl":["./step-panel.component.html"],"viewProviders":[],"inputsClass":[{"name":"status","deprecated":false,"deprecationMessage":"","line":28,"type":"\\"success\\" | \\"error\\" | null","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":18,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"_status","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"\\"success\\" | \\"error\\" | null","optional":false,"description":"","line":26},{"name":"_title","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":16}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":38,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n OnDestroy,\\n} from \'@angular/core\';\\nimport { ReplaySubject } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-step-panel\',\\n templateUrl: \'./step-panel.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StepPanelComponent implements OnDestroy {\\n _title!: string;\\n @Input()\\n set title(title: string) {\\n this._title = title;\\n this.titleChangeSubject.next(title);\\n }\\n get title() {\\n return this._title;\\n }\\n\\n _status: \'success\' | \'error\' | null = null;\\n @Input()\\n set status(status: \'success\' | \'error\' | null) {\\n this._status = status;\\n }\\n get status(): \'success\' | \'error\' | null {\\n return this._status;\\n }\\n\\n /** @internal */\\n public titleChangeSubject = new ReplaySubject(1);\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-steps__content-panel\';\\n }\\n\\n ngOnDestroy(): void {\\n this.titleChangeSubject.complete();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnDestroy"],"accessors":{"title":{"name":"title","setSignature":{"name":"title","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":18,"jsdoctags":[{"name":"title","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"title","type":"","returnType":"","line":22}},"status":{"name":"status","setSignature":{"name":"status","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"status","type":"\\"success\\" | \\"error\\" | null","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":28,"jsdoctags":[{"name":"status","type":"\\"success\\" | \\"error\\" | null","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"status","type":"","returnType":"\\"success\\" | \\"error\\" | null","line":31}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":38}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-step-panel
    Component nameStepPanelComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorscvi-ng-step
    Permitted childrenany
    \\n

    Where to use

    \\n

    Is responsible for rendering tab content panel in cvi-ng-steps. This is your primary option when displaying some content in the steps component.

    \\n","templateData":"

    {{ title }}

    \\n\\n"},{"name":"StepsComponent","id":"component-StepsComponent-f00cee0b0257d1539a139fdd62f63b1840bd5e3e4bff1f91d154589c777c9c4f09cc30dd5d3564218b794dab4d3cfdc5c5cf640d89a00b6b733bd6549c5ed552","file":"libs/ui/src/lib/steps/steps/steps.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-steps","styleUrls":[],"styles":[],"templateUrl":["./steps.component.html"],"viewProviders":[],"inputsClass":[{"name":"anyStepSelected","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":56,"type":"boolean","decorators":[]},{"name":"currentProgressCSSVar","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":55,"type":"number","decorators":[]},{"name":"currentStepIndex","deprecated":false,"deprecationMessage":"","line":38,"type":"number | null","decorators":[]},{"name":"hasTableOfContents","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":46,"type":"boolean","decorators":[]},{"name":"stepIndex","defaultValue":"null","deprecated":false,"deprecationMessage":"","rawdescription":"\\nIndex of a step, used to initiate step change from a parent component","description":"

    Index of a step, used to initiate step change from a parent component

    \\n","line":49,"type":"number | null","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":29,"type":"string","decorators":[]}],"outputsClass":[{"name":"currentStepIndexChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":34,"type":"EventEmitter"},{"name":"stepChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":51,"type":"EventEmitter"}],"propertiesClass":[{"name":"_currentStepIndex","defaultValue":"null","deprecated":false,"deprecationMessage":"","type":"number | null","optional":false,"description":"

    Internal

    \\n","line":32,"rawdescription":"\\nInternal","modifierKind":[121]},{"name":"_stepPanels","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":60},{"name":"panelSubscription","deprecated":false,"deprecationMessage":"","type":"Subscription","optional":false,"description":"","line":59},{"name":"stepChildren","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":57,"decorators":[{"name":"ContentChildren","stringifiedArguments":"StepComponent"}]},{"name":"stepStatuses","deprecated":false,"deprecationMessage":"","type":"(\\"success\\" | \\"error\\" | null)[]","optional":false,"description":"","line":53},{"name":"stepTitles","deprecated":false,"deprecationMessage":"","type":"string[]","optional":false,"description":"","line":54}],"methodsClass":[{"name":"hideStepsContent","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":151,"deprecated":false,"deprecationMessage":""},{"name":"setProgress","args":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":157,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"stepSelected","args":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":140,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"stepIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateStepsData","args":[{"name":"stepPanels","type":"StepPanelComponent[]","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":131,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"stepPanels","type":"StepPanelComponent[]","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":86,"type":"string","decorators":[]},{"name":"style.--current-step","deprecated":false,"deprecationMessage":"","line":92,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterContentInit,\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChildren,\\n EventEmitter,\\n HostBinding,\\n Input,\\n OnChanges,\\n OnDestroy,\\n Output,\\n QueryList,\\n SimpleChanges,\\n} from \'@angular/core\';\\nimport { StepComponent } from \'../step/step.component\';\\nimport { StepPanelComponent } from \'../step-panel/step-panel.component\';\\nimport { Subscription } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-steps\',\\n templateUrl: \'./steps.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class StepsComponent\\n implements AfterViewInit, AfterContentInit, OnChanges, OnDestroy\\n{\\n @Input() title!: string;\\n\\n /** Internal */\\n private _currentStepIndex: number | null = null;\\n\\n @Output() currentStepIndexChange: EventEmitter =\\n new EventEmitter();\\n\\n @Input()\\n get currentStepIndex(): number | null {\\n return this._currentStepIndex;\\n }\\n set currentStepIndex(value) {\\n this._currentStepIndex = value;\\n this.currentStepIndexChange.emit(value);\\n }\\n\\n @Input() hasTableOfContents = false;\\n\\n /** Index of a step, used to initiate step change from a parent component */\\n @Input() stepIndex: number | null = null;\\n\\n @Output() stepChange = new EventEmitter();\\n\\n stepStatuses!: (\'success\' | \'error\' | null)[];\\n stepTitles!: string[];\\n @Input() currentProgressCSSVar = 0;\\n @Input() anyStepSelected = false;\\n @ContentChildren(StepComponent) stepChildren!: QueryList;\\n\\n panelSubscription!: Subscription;\\n _stepPanels!: QueryList;\\n @ContentChildren(StepPanelComponent, { descendants: true })\\n set stepPanels(panels: QueryList) {\\n if (this.panelSubscription) {\\n this.panelSubscription.unsubscribe();\\n }\\n this.panelSubscription = new Subscription();\\n this._stepPanels = panels;\\n this._stepPanels\\n .toArray()\\n .forEach((stepPanel: StepPanelComponent, i: number) => {\\n this.panelSubscription.add(\\n stepPanel.titleChangeSubject.subscribe((title: string) => {\\n if (this.stepTitles && title) {\\n this.stepTitles[i] = title;\\n }\\n })\\n );\\n });\\n }\\n get stepPanels() {\\n return this._stepPanels;\\n }\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-steps${this.anyStepSelected ? \' is-any-step-selected\' : \'\'}${\\n this.hasTableOfContents ? \' has-toc\' : \'\'\\n }`;\\n }\\n\\n @HostBinding(\'style.--current-step\') get getCurrentStepAsCSSVar(): string {\\n return this.currentStepIndex === null\\n ? \'\'\\n : `\'${this.currentStepIndex + 1}\'`;\\n }\\n\\n ngAfterContentInit(): void {\\n this.updateStepsData(this._stepPanels.toArray());\\n if (this.currentStepIndex !== null) {\\n this.anyStepSelected = true;\\n this.setProgress(this.currentStepIndex);\\n }\\n this.hideStepsContent();\\n }\\n\\n ngAfterViewInit(): void {\\n this.stepChildren.changes.subscribe(() => {\\n this.hideStepsContent();\\n this.cdRef.markForCheck();\\n });\\n this._stepPanels.changes.subscribe((stepPanels: StepPanelComponent[]) => {\\n this.updateStepsData(stepPanels);\\n this.cdRef.markForCheck();\\n });\\n }\\n\\n ngOnChanges(changes: SimpleChanges): void {\\n const stepIndexChange = changes[\'stepIndex\'];\\n if (stepIndexChange && this.stepChildren) {\\n this.stepSelected(stepIndexChange.currentValue);\\n }\\n }\\n\\n ngOnDestroy(): void {\\n if (this.panelSubscription) {\\n this.panelSubscription.unsubscribe();\\n }\\n }\\n\\n updateStepsData(stepPanels: StepPanelComponent[]) {\\n this.stepTitles = stepPanels.map(\\n (stepPanel: StepPanelComponent) => stepPanel.title\\n );\\n this.stepStatuses = stepPanels.map(\\n (stepPanel: StepPanelComponent) => stepPanel.status\\n );\\n }\\n\\n stepSelected(stepIndex: number): void {\\n if (this.currentStepIndex == stepIndex) {\\n return;\\n }\\n this.anyStepSelected = true;\\n this.currentStepIndex = stepIndex;\\n this.hideStepsContent();\\n this.setProgress(stepIndex);\\n this.stepChange.emit(this.currentStepIndex);\\n }\\n\\n hideStepsContent(): void {\\n this.stepChildren.map((step: StepComponent, stepIndex: number) => {\\n step.isVisible = stepIndex === this.currentStepIndex;\\n });\\n }\\n\\n setProgress(stepIndex: number) {\\n this.currentProgressCSSVar = Math.round(\\n ((stepIndex + 1) / this.stepTitles.length) * 100\\n );\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":82,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","AfterContentInit","OnChanges","OnDestroy"],"accessors":{"currentStepIndex":{"name":"currentStepIndex","setSignature":{"name":"currentStepIndex","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"value","type":"","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":41,"jsdoctags":[{"name":"value","type":"","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"currentStepIndex","type":"","returnType":"number | null","line":38}},"stepPanels":{"name":"stepPanels","setSignature":{"name":"stepPanels","type":"void","deprecated":false,"deprecationMessage":"","args":[{"name":"panels","type":"QueryList","deprecated":false,"deprecationMessage":""}],"returnType":"void","line":62,"jsdoctags":[{"name":"panels","type":"QueryList","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"getSignature":{"name":"stepPanels","type":"","returnType":"","line":80}},"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":86}},"getCurrentStepAsCSSVar":{"name":"getCurrentStepAsCSSVar","getSignature":{"name":"getCurrentStepAsCSSVar","type":"string","returnType":"string","line":92}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-steps
    Component nameStepsComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-step
    \\n

    Where to use

    \\n

    Adds sequential tabs that do not block non-linear interaction.

    \\n","templateData":"

    {{ title }}

    \\n
    \\n \\n
    \\n
    \\n
    \\n
      \\n
    1. \\n \\n
      2. \\n
    \\n \\n
    1 && this.currentStepIndex !== null\\"\\n class=\\"cvi-steps__directional-buttons\\"\\n dataAttribute=\\"steps_directional_buttons\\">\\n \\n \\n
    \\n
    \\n
    \\n\\n\x3c!-- We need this filter in order for rounded corners to work --\x3e\\n\\n \\n \\n \\n \\n \\n\\n"},{"name":"StorybookColorCardComponent","id":"component-StorybookColorCardComponent-ec399dc1134ac2770569a29b2a67c5285109780ecab4d4b4ffadfbac1db69b3fc88251b64a2465772d2ecb5bf9a1e64b402e0058f2b3669f2a59f9e302803deb","file":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-card.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-color-card","styleUrls":["./storybook-color-card.component.scss"],"styles":[],"templateUrl":["./storybook-color-card.component.html"],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-color-card\',\\n templateUrl: \'./storybook-color-card.component.html\',\\n styleUrls: [\'./storybook-color-card.component.scss\'],\\n})\\nexport class StorybookColorCardComponent {\\n @Input() label!: string;\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@import \'libs/styles/src/lib/scss/settings/variables/other\';\\n\\n.swatch {\\n aspect-ratio: 1;\\n border-radius: var(--cvi-radius-s);\\n height: 140px;\\n background-color: var(--color);\\n}\\n.label {\\n padding-top: var(--cvi-spacing-paldiski);\\n}\\n","styleUrl":"./storybook-color-card.component.scss"}],"stylesData":"","templateData":"
    \\n
    {{ label }}
    \\n"},{"name":"StorybookColorCardsComponent","id":"component-StorybookColorCardsComponent-903b70dd692ce71726b7c12b6f56ca013f8efb6911b2974d689d70fcec82b2f6d50410ab219f36162d8a050a5db367273c45155d798210f8c2bec565833d396c","file":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-cards.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-color-cards","styleUrls":["./storybook-color-cards.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-color-cards\',\\n template: ``,\\n styleUrls: [\'./storybook-color-cards.component.scss\'],\\n})\\nexport class StorybookColorCardsComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n display: flex;\\n flex-wrap: wrap;\\n gap: var(--cvi-spacing-haapsalu);\\n}\\n","styleUrl":"./storybook-color-cards.component.scss"}],"stylesData":""},{"name":"StorybookIconCardComponent","id":"component-StorybookIconCardComponent-6dab3a0b8014453d0da2bdec55b09448ce79fcf3e7f2b9be70e0cc5dbe7bffcb8f081420d1d632fd7a9ce7124f11f3acf2c359f410d5036920b496e8891d1909","file":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-card.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-icon-card","styleUrls":["./storybook-icon-card.component.scss"],"styles":[],"templateUrl":["./storybook-icon-card.component.html"],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-icon-card\',\\n templateUrl: \'./storybook-icon-card.component.html\',\\n styleUrls: [\'./storybook-icon-card.component.scss\'],\\n})\\nexport class StorybookIconCardComponent {\\n @Input() label!: string;\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n text-align: center;\\n display: flex;\\n flex-direction: column;\\n height: 100%;\\n align-items: center;\\n justify-items: center;\\n flex-grow: 1;\\n}\\n.icon {\\n width: 100%;\\n display: flex;\\n flex-direction: column;\\n height: 100%;\\n justify-content: center;\\n}\\n","styleUrl":"./storybook-icon-card.component.scss"}],"stylesData":"","templateData":"
    \\n
    {{ label }}
    \\n"},{"name":"StorybookIconCardsComponent","id":"component-StorybookIconCardsComponent-b4780f1be1fa175696c54709b0466ed123252ac1753b11cbe26e5996850a7492a713544a1a1096548c67af8569fb416d0b6f041876d117ae86568970ac3c8508","file":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-cards.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-icon-cards","styleUrls":["./storybook-icon-cards.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-icon-cards\',\\n template: ``,\\n styleUrls: [\'./storybook-icon-cards.component.scss\'],\\n})\\nexport class StorybookIconCardsComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\\n grid-auto-rows: minmax(100px, 1fr);\\n align-items: center;\\n justify-items: center;\\n gap: var(--cvi-spacing-haapsalu);\\n}\\n","styleUrl":"./storybook-icon-cards.component.scss"}],"stylesData":""},{"name":"StorybookNoteComponent","id":"component-StorybookNoteComponent-ad284d15172c74b3a1b97eed7d7699235de9e675e5066fd22a42a2a8ff7207fc363de5bc09b04d349c8b120c164b827db32dbadb35f1406098abe5b0ece82b94","file":"libs/storybook/src/lib/components/storybook-note/storybook-note.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-note","styleUrls":["./storybook-note.component.scss"],"styles":[],"templateUrl":["./storybook-note.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-note\',\\n templateUrl: \'./storybook-note.component.html\',\\n styleUrls: [\'./storybook-note.component.scss\'],\\n})\\nexport class StorybookNoteComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@import \'libs/styles/src/lib/scss/tools/typography\';\\n\\n:host {\\n display: block;\\n background-color: var(--cvi-color-black-coral-1);\\n border: 1px solid var(--cvi-color-black-coral-2);\\n margin-inline: 10%;\\n border-radius: var(--cvi-radius-m);\\n padding: var(--cvi-spacing-paldiski);\\n margin-bottom: var(--cvi-spacing-viljandi);\\n}\\n\\n.content {\\n display: block;\\n color: var(--cvi-color-black-coral-18);\\n font-size: get-font-size(80);\\n line-height: get-line-height(500);\\n}\\n","styleUrl":"./storybook-note.component.scss"}],"stylesData":"","templateData":"
    \\n \\n
    \\n"},{"name":"StorybookSpacingSpecimenComponent","id":"component-StorybookSpacingSpecimenComponent-4feae705578eecd1c76c175e2a773776a343a305c47f53020b26f23dbcbc7aacfbc0966d61c5429194e89c8e5dc648c8d79f81b4880d46820502490d96cca113","file":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-spacing-specimen","styleUrls":["./storybook-spacing-specimen.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-spacing-specimen\',\\n template: ``,\\n styleUrls: [\'./storybook-spacing-specimen.component.scss\'],\\n})\\nexport class StorybookSpacingSpecimenComponent {}\\n","assetsDirs":[],"styleUrlsData":[{"data":":host {\\n display: flex;\\n flex-direction: column;\\n gap: var(--cvi-spacing-haapsalu);\\n}\\n","styleUrl":"./storybook-spacing-specimen.component.scss"}],"stylesData":""},{"name":"StorybookSpacingSpecimenItemComponent","id":"component-StorybookSpacingSpecimenItemComponent-1842ae0c674b70d41b0d6defbb270fcabecd4a284adf4bb7af26f83176d77f09655bcf797f87080d4eefb94e1aa3e6b34fd99f083261040598a808bee8a717c1","file":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen-item.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-spacing-specimen-item","styleUrls":["./storybook-spacing-specimen-item.component.scss"],"styles":[],"templateUrl":["./storybook-spacing-specimen-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"label","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-spacing-specimen-item\',\\n templateUrl: \'./storybook-spacing-specimen-item.component.html\',\\n styleUrls: [\'./storybook-spacing-specimen-item.component.scss\'],\\n})\\nexport class StorybookSpacingSpecimenItemComponent {\\n @Input() label!: string;\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":".swatch {\\n height: 140px;\\n display: flex;\\n gap: var(--spacing);\\n &::before,\\n &::after {\\n content: \'\';\\n background-color: var(--cvi-color-black-coral-16);\\n flex: 1 1 0;\\n height: 100%;\\n }\\n}\\n.label {\\n padding-top: var(--cvi-spacing-paldiski);\\n}\\n","styleUrl":"./storybook-spacing-specimen-item.component.scss"}],"stylesData":"","templateData":"
    \\n
    {{ label }}
    \\n"},{"name":"StorybookToCHTMLExampleComponent","id":"component-StorybookToCHTMLExampleComponent-3ea4fc40fdea394de3e796d2cb4958e280f05342fee144de7fac99eb7b0929bc3731e5862a3887d78b621a83ec59bca9bf16d067a632c4d1c1a0eac8c5f1b967","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-toc-html-example","styleUrls":[],"styles":[],"template":"
    \\n

    \\n An h2: pretty none change slept range afraid\\n

    \\n
    \\n
    \\n
    \\n

    \\n An h3: explore single gain swam base farther courage\\n

    \\n
    \\n
    \\n
    \\n
    \\n

    \\n A nested h2 heading: string baby explore\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A lone heading at the near end

    \\n
    \\n
    \\n

    \\n Compound teeth fully there habit actually primitive young movement\\n pretty him including per program firm disease school butter various\\n say social unless ice hello\\n

    \\n
    \\n
    \\n","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport notes from \'./generated-table-of-contents.component.md\';\\nimport { GeneratedTableOfContentsComponent } from \'./generated-table-of-contents.component\';\\nimport { Component, Input } from \'@angular/core\';\\nimport { concatMap, delay, from, of } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-example\',\\n template: `\\n
    \\n

    \\n An h2: pretty none change slept range afraid\\n

    \\n
    \\n
    \\n
    \\n

    \\n An h3: explore single gain swam base farther courage\\n

    \\n
    \\n
    \\n
    \\n
    \\n

    \\n A nested h2 heading: string baby explore\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A lone heading at the near end

    \\n
    \\n
    \\n

    \\n Compound teeth fully there habit actually primitive young movement\\n pretty him including per program firm disease school butter various\\n say social unless ice hello\\n

    \\n
    \\n
    \\n `,\\n})\\nclass StorybookToCHTMLExampleComponent {}\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-steps-example\',\\n template: `\\n
    \\n
    \\n \\n

    An h2: pretty none change slept range afraid

    \\n
    \\n     \\n
    \\n
    \\n

    An h3: explore single gain swam base farther courage

    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 1: string baby explore

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 2: string baby explore

    \\n
    \\n
    \\n
    \\n \\n
    \\n

    {{ section.title }}

    \\n
    {{ section.content }}
    \\n
    \\n     \\n `,\\n})\\nclass StorybookToCHTMLStepsExampleComponent {\\n @Input() extraAsyncSections!: { title: string; content: string }[];\\n headingDisplayed = true;\\n}\\n\\nexport default {\\n title: \'Angular/Table of contents/Generated table of contents\',\\n component: GeneratedTableOfContentsComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n // disabling Chromatic because random text will trigger changes on each run\\n chromatic: { disableSnapshot: true },\\n },\\n decorators: [\\n moduleMetadata({\\n declarations: [\\n StorybookToCHTMLExampleComponent,\\n StorybookToCHTMLStepsExampleComponent,\\n ],\\n }),\\n ],\\n args: {\\n title: \'Sisukord\',\\n headingSelector: \'h1, h2, h3\',\\n },\\n} as Meta;\\n\\nconst Template: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nexport const WithCustomHeadingLevels = Template.bind({});\\nWithCustomHeadingLevels.args = {\\n headingSelector: \'h1, h2\',\\n};\\nWithCustomHeadingLevels.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nconst TemplateWithSteps: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n});\\n\\nexport const WithSteps = TemplateWithSteps.bind({});\\nWithSteps.storyName = \'With steps\';\\n\\nexport const WithStepsMobile = TemplateWithSteps.bind({});\\nWithStepsMobile.storyName = \'With steps (mobile)\';\\nWithStepsMobile.parameters = {\\n viewport: {\\n defaultViewport: \'iphone12mini\',\\n },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":""},{"name":"StorybookToCHTMLStepsExampleComponent","id":"component-StorybookToCHTMLStepsExampleComponent-3ea4fc40fdea394de3e796d2cb4958e280f05342fee144de7fac99eb7b0929bc3731e5862a3887d78b621a83ec59bca9bf16d067a632c4d1c1a0eac8c5f1b967","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-toc-html-steps-example","styleUrls":[],"styles":[],"template":"
    \\n
    \\n \\n

    An h2: pretty none change slept range afraid

    \\n
    \\n     \\n
    \\n
    \\n

    An h3: explore single gain swam base farther courage

    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 1: string baby explore

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 2: string baby explore

    \\n
    \\n
    \\n
    \\n\\n
    \\n

    {{ section.title }}

    \\n
    {{ section.content }}
    \\n
    \\n    \\n","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"extraAsyncSections","deprecated":false,"deprecationMessage":"","line":81,"type":"literal type[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"headingDisplayed","defaultValue":"true","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":82}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport notes from \'./generated-table-of-contents.component.md\';\\nimport { GeneratedTableOfContentsComponent } from \'./generated-table-of-contents.component\';\\nimport { Component, Input } from \'@angular/core\';\\nimport { concatMap, delay, from, of } from \'rxjs\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-example\',\\n template: `\\n
    \\n

    \\n An h2: pretty none change slept range afraid\\n

    \\n
    \\n
    \\n
    \\n

    \\n An h3: explore single gain swam base farther courage\\n

    \\n
    \\n
    \\n
    \\n
    \\n

    \\n A nested h2 heading: string baby explore\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A lone heading at the near end

    \\n
    \\n
    \\n

    \\n Compound teeth fully there habit actually primitive young movement\\n pretty him including per program firm disease school butter various\\n say social unless ice hello\\n

    \\n
    \\n
    \\n `,\\n})\\nclass StorybookToCHTMLExampleComponent {}\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toc-html-steps-example\',\\n template: `\\n
    \\n
    \\n \\n

    An h2: pretty none change slept range afraid

    \\n
    \\n     \\n
    \\n
    \\n

    An h3: explore single gain swam base farther courage

    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 1: string baby explore

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    A nested h2 heading 2: string baby explore

    \\n
    \\n
    \\n
    \\n \\n
    \\n

    {{ section.title }}

    \\n
    {{ section.content }}
    \\n
    \\n     \\n `,\\n})\\nclass StorybookToCHTMLStepsExampleComponent {\\n @Input() extraAsyncSections!: { title: string; content: string }[];\\n headingDisplayed = true;\\n}\\n\\nexport default {\\n title: \'Angular/Table of contents/Generated table of contents\',\\n component: GeneratedTableOfContentsComponent,\\n parameters: {\\n layout: \'padded\',\\n notes,\\n // disabling Chromatic because random text will trigger changes on each run\\n chromatic: { disableSnapshot: true },\\n },\\n decorators: [\\n moduleMetadata({\\n declarations: [\\n StorybookToCHTMLExampleComponent,\\n StorybookToCHTMLStepsExampleComponent,\\n ],\\n }),\\n ],\\n args: {\\n title: \'Sisukord\',\\n headingSelector: \'h1, h2, h3\',\\n },\\n} as Meta;\\n\\nconst Template: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n});\\n\\nexport const Default = Template.bind({});\\nDefault.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nexport const WithCustomHeadingLevels = Template.bind({});\\nWithCustomHeadingLevels.args = {\\n headingSelector: \'h1, h2\',\\n};\\nWithCustomHeadingLevels.parameters = {\\n axe: {\\n // disabling because of a false trigger when axe-storybook is run as a Github action\\n disabledRules: [\'scrollable-region-focusable\'],\\n },\\n};\\n\\nconst TemplateWithSteps: Story = (\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n});\\n\\nexport const WithSteps = TemplateWithSteps.bind({});\\nWithSteps.storyName = \'With steps\';\\n\\nexport const WithStepsMobile = TemplateWithSteps.bind({});\\nWithStepsMobile.storyName = \'With steps (mobile)\';\\nWithStepsMobile.parameters = {\\n viewport: {\\n defaultViewport: \'iphone12mini\',\\n },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":""},{"name":"StorybookTypeTesterComponent","id":"component-StorybookTypeTesterComponent-69bee598863f29501dcfe120bdd8a39635cf0bf5ce6069fe337b3334aedcc91e392bd769fb9a8310f7f548f61fe949c74fb3e1017c4f43828ccb55200a49f26a","file":"libs/storybook/src/lib/components/storybook-type-tester/storybook-type-tester.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-type-tester","styleUrls":["./storybook-type-tester.component.scss"],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"size","defaultValue":"\'100\'","deprecated":false,"deprecationMessage":"","line":9,"type":"\\"50\\" | \\"70\\" | \\"80\\" | \\"100\\" | \\"200\\" | \\"220\\" | \\"250\\" | \\"300\\" | \\"350\\" | \\"400\\" | \\"500\\"","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":21,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-type-tester\',\\n template: ``,\\n styleUrls: [\'./storybook-type-tester.component.scss\'],\\n})\\nexport class StorybookTypeTesterComponent {\\n @Input() size:\\n | \'50\'\\n | \'70\'\\n | \'80\'\\n | \'100\'\\n | \'200\'\\n | \'220\'\\n | \'250\'\\n | \'300\'\\n | \'350\'\\n | \'400\'\\n | \'500\' = \'100\';\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `--size-${this.size}`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@import \'libs/styles/src/lib/scss/settings/variables/typography\';\\n@import \'libs/styles/src/lib/scss/tools/typography\';\\n\\n:host {\\n display: block;\\n margin-block: 1em;\\n line-height: 1.2;\\n}\\n\\n@each $name, $size in $cvi-font-sizes {\\n :host(.--size-#{$name}) {\\n font-size: get-font-size($name);\\n }\\n}\\n","styleUrl":"./storybook-type-tester.component.scss"}],"stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":21}}}},{"name":"TabComponent","id":"component-TabComponent-77b2b25c6645fe79d0a5671d43a32625056ef29486fda8c47060f47b48d2e5e2f41988cf08400c66ca60650d26db74ef41de2b89bbf6aa3e7d890d4cbe859eee","file":"libs/ui/src/lib/tabs/tab.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tab","styleUrls":[],"styles":[],"templateUrl":["./tab.component.html"],"viewProviders":[],"inputsClass":[{"name":"gap","defaultValue":"1","deprecated":false,"deprecationMessage":"","line":26,"type":"Gap","decorators":[]},{"name":"iconHeight","defaultValue":"15","deprecated":false,"deprecationMessage":"","line":25,"type":"number","decorators":[]},{"name":"iconName","deprecated":false,"deprecationMessage":"","line":22,"type":"CviIconName | undefined","decorators":[]},{"name":"iconPosition","defaultValue":"\'before\'","deprecated":false,"deprecationMessage":"","line":23,"type":"LabeledIconPosition","decorators":[]},{"name":"svgClass","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":24,"type":"string","decorators":[]},{"name":"title","deprecated":false,"deprecationMessage":"","line":21,"type":"string | undefined","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"_content","deprecated":false,"deprecationMessage":"","type":"TemplateRef","optional":false,"description":"","line":28,"decorators":[{"name":"ViewChild","stringifiedArguments":"TemplateRef, {static: true}"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n Input,\\n OnChanges,\\n OnDestroy,\\n TemplateRef,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { Subject } from \'rxjs\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { LabeledIconPosition } from \'../icons/icon-position\';\\nimport { Gap } from \'../track/track\';\\n\\n@Component({\\n selector: \'cvi-ng-tab\',\\n templateUrl: \'./tab.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TabComponent implements OnChanges, OnDestroy {\\n @Input() title: string | undefined;\\n @Input() iconName!: CviIconName | undefined;\\n @Input() iconPosition: LabeledIconPosition = \'before\';\\n @Input() svgClass = \'\';\\n @Input() iconHeight = 15;\\n @Input() gap: Gap = 1;\\n\\n @ViewChild(TemplateRef, { static: true }) _content!: TemplateRef;\\n\\n /** @internal */\\n _stateChanges = new Subject();\\n\\n get content() {\\n return this._content;\\n }\\n\\n ngOnChanges() {\\n this._stateChanges.next();\\n }\\n\\n ngOnDestroy() {\\n this._stateChanges.complete();\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","implements":["OnChanges","OnDestroy"],"accessors":{"content":{"name":"content","getSignature":{"name":"content","type":"","returnType":"","line":33}}},"templateData":"\\n"},{"name":"TabGroupComponent","id":"component-TabGroupComponent-b63c4054cbcb457ba366698352ec7f798ae835936f7176d2d80320f2b7ddc77f3374f4b1d623b4be5405d838b678ffe4f9800df353517ff1e6269482db440570","file":"libs/ui/src/lib/tabs/tab-group.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tab-group","styleUrls":[],"styles":[],"templateUrl":["./tab-group.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[{"name":"activeTabChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmitter for notifying of the active tab changes","description":"

    Emitter for notifying of the active tab changes

    \\n","line":28,"type":"EventEmitter"}],"propertiesClass":[{"name":"activeIndex","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":34},{"name":"allTabs","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":25,"decorators":[{"name":"ContentChildren","stringifiedArguments":"TabComponent"}]},{"name":"tabButtons","deprecated":false,"deprecationMessage":"","type":"QueryList>","optional":false,"description":"","line":41,"decorators":[{"name":"ViewChildren","stringifiedArguments":"\'tabButton\'"}]}],"methodsClass":[{"name":"getActiveTabContent","args":[],"optional":false,"returnType":"any","typeParameters":[],"line":99,"deprecated":false,"deprecationMessage":""},{"name":"isTabSelected","args":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":95,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActive","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":59,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActiveNext","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":83,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActivePrev","args":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":71,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"Event","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"updateButtonFocus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":67,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":30,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChildren,\\n ElementRef,\\n EventEmitter,\\n HostBinding,\\n OnDestroy,\\n Output,\\n QueryList,\\n ViewChildren,\\n} from \'@angular/core\';\\nimport { TabComponent } from \'./tab.component\';\\nimport { merge, Subscription } from \'rxjs\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-tab-group\',\\n templateUrl: \'./tab-group.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TabGroupComponent implements AfterViewInit, OnDestroy {\\n @ContentChildren(TabComponent) allTabs!: QueryList;\\n\\n /** Emitter for notifying of the active tab changes */\\n @Output() activeTabChange = new EventEmitter();\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return \'cvi-tab-group\';\\n }\\n\\n activeIndex = 0;\\n\\n /** @internal */\\n baseId = \'tabgroup-\' + uuidv4();\\n\\n /** @internal */\\n private tabChangesSubscription = Subscription.EMPTY;\\n @ViewChildren(\'tabButton\') tabButtons!: QueryList<\\n ElementRef\\n >;\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n ngAfterViewInit() {\\n this.tabChangesSubscription = merge(\\n ...this.allTabs.map((tab) => tab._stateChanges)\\n ).subscribe(() => this.cdRef.markForCheck());\\n\\n this.activeTabChange.emit(this.activeIndex);\\n }\\n\\n ngOnDestroy() {\\n this.tabChangesSubscription.unsubscribe();\\n }\\n\\n makeActive(index: number) {\\n if (this.activeIndex !== index) {\\n this.activeIndex = index;\\n this.activeTabChange.emit(this.activeIndex);\\n this.cdRef.detectChanges();\\n }\\n }\\n\\n updateButtonFocus(): void {\\n this.tabButtons.get(this.activeIndex)?.nativeElement.focus();\\n }\\n\\n makeActivePrev(event: Event) {\\n event.preventDefault();\\n if (this.activeIndex > 0) {\\n this.activeIndex--;\\n } else {\\n this.activeIndex = this.allTabs.length - 1;\\n }\\n this.activeTabChange.emit(this.activeIndex);\\n\\n this.updateButtonFocus();\\n }\\n\\n makeActiveNext(event: Event) {\\n event.preventDefault();\\n if (this.activeIndex < this.allTabs.length - 1) {\\n this.activeIndex++;\\n } else {\\n this.activeIndex = 0;\\n }\\n this.activeTabChange.emit(this.activeIndex);\\n\\n this.updateButtonFocus();\\n }\\n\\n isTabSelected(tabIndex: number): boolean {\\n return this.activeIndex === tabIndex;\\n }\\n\\n getActiveTabContent() {\\n const activeTab = this.allTabs.get(this.activeIndex);\\n if (!activeTab) {\\n throw new Error(`no tab exists with index ${this.activeIndex}`);\\n }\\n\\n return activeTab.content;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":43,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","OnDestroy"],"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":30}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-tab-group
    Component nameTabGroupComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-tab
    \\n

    Where to use

    \\n

    Displays tabs in an old design. Add tabs with cvi-ng-tab component.

    \\n","templateData":"
    \\n \\n
    \\n
    \\n \\n
    \\n\\n\\n \\n \\n\\n\\n\\n {{ tab.title }}\\n\\n\\n\\n \\n \\n \\n \\n\\n \\n\\n \\n \\n \\n \\n\\n"},{"name":"TableComponent","id":"component-TableComponent-f6390492c972d54e6b6bf1b3f104f2bfa17dd394ea015b2add1cbbeff70d7cb9f85c2c1bd0d5742f90812309124aa008be725a0ef1da822b8ff2db9e4e960188","file":"libs/ui/src/lib/table/table.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table","styleUrls":[],"styles":[],"templateUrl":["./table.component.html"],"viewProviders":[],"inputsClass":[{"name":"data","deprecated":false,"deprecationMessage":"","line":16,"type":"any[]","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"headers","deprecated":false,"deprecationMessage":"","type":"TemplateRef | undefined","optional":false,"description":"","line":20,"decorators":[{"name":"ContentChild","stringifiedArguments":"\'headers\'"}]},{"name":"rows","deprecated":false,"deprecationMessage":"","type":"TemplateRef | undefined","optional":false,"description":"","line":21,"decorators":[{"name":"ContentChild","stringifiedArguments":"\'rows\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":17,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n ContentChild,\\n HostBinding,\\n Input,\\n TemplateRef,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-table\',\\n templateUrl: \'./table.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TableComponent {\\n @Input() data!: any[];\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-table\';\\n }\\n @ContentChild(\'headers\') headers: TemplateRef | undefined;\\n @ContentChild(\'rows\') rows: TemplateRef | undefined;\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":17}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table
    Component nameTableComponent
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    To display a table component with or without header block, to where buttons, form inputs etc. can be added.

    \\n","templateData":"
    \\n \\n \\n\\n \\n \\n \\n \\n\\n \\n \\n \\n
    \\n
    \\n\\n\\n
    {{ header.key }}
    \\n    \\n\\n\\n
    {{ row.value }}
    \\n    \\n"},{"name":"TableOfContentsComponent","id":"component-TableOfContentsComponent-6753efabe51800296f968b725e4c27e304f5947cc76fb607089542e88a3cde8a5880ec3ce8a5b76e5084e468402c5d6b7fe8a617fe06317243620dac155c95b2","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table-of-contents","styleUrls":[],"styles":[],"templateUrl":["./table-of-contents.component.html"],"viewProviders":[],"inputsClass":[{"name":"title","deprecated":false,"deprecationMessage":"","line":14,"type":"string | null","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"roleAttr","defaultValue":"\'navigation\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":16,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]}],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.role","defaultValue":"\'navigation\'","deprecated":false,"deprecationMessage":"","line":16,"type":"string","decorators":[]},{"name":"attr.title","deprecated":false,"deprecationMessage":"","line":20,"type":"","decorators":[]},{"name":"class","deprecated":false,"deprecationMessage":"","line":17,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-table-of-contents\',\\n templateUrl: \'./table-of-contents.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TableOfContentsComponent {\\n @HostBinding(\'attr.aria-label\') @Input() title!: string | null;\\n\\n @HostBinding(\'attr.role\') roleAttr = \'navigation\';\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table-of-contents__aside-inner`;\\n }\\n @HostBinding(\'attr.title\') get getTitle(): null {\\n return null;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":17}},"getTitle":{"name":"getTitle","getSignature":{"name":"getTitle","type":"","line":20}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table-of-contents
    Component nameTableOfContentsComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorscvi-ng-table-of-contents-wrapper
    Permitted childrencvi-ng-table-of-contents-item
    \\n

    Where to use

    \\n

    Renders a table of contents navigation in a cvi-ng-table-of-contents-wrapper.

    \\n

    How to use

    \\n

    See cvi-ng-table-of-contents-wrapper docs.

    \\n","templateData":"

    {{ title }}

    \\n
    \\n \\n
    \\n"},{"name":"TableOfContentsItemComponent","id":"component-TableOfContentsItemComponent-7d9a77c3db047d979d6a43b7d95c3db1985364e0f403616212f234995932075e417ad75f0a562978f12889f07ddfe40f8aa5454b7b7032f7ded5ab5b67c2fa77","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table-of-contents-item","styleUrls":[],"styles":[],"templateUrl":["./table-of-contents-item.component.html"],"viewProviders":[],"inputsClass":[{"name":"href","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMust be equal to a cviNgToCSection directive value in order to have scroll tracking working","description":"

    Must be equal to a cviNgToCSection directive value in order to have scroll tracking working

    \\n","line":20,"type":"string","decorators":[]},{"name":"label","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":21,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[{"name":"current","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":24,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'class.is-current\'"}]},{"name":"roleAttr","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":23,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]},{"name":"tocSubscription","deprecated":false,"deprecationMessage":"","type":"Subscription","optional":false,"description":"","line":42}],"methodsClass":[{"name":"highlightSection","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":61,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"attr.href","deprecated":false,"deprecationMessage":"","line":30,"type":"","decorators":[]},{"name":"attr.label","deprecated":false,"deprecationMessage":"","line":34,"type":"","decorators":[]},{"name":"attr.role","defaultValue":"\'listitem\'","deprecated":false,"deprecationMessage":"","line":23,"type":"string","decorators":[]},{"name":"class","deprecated":false,"deprecationMessage":"","line":26,"type":"string","decorators":[]},{"name":"class.is-current","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":24,"type":"boolean","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n OnDestroy,\\n OnInit,\\n Renderer2,\\n} from \'@angular/core\';\\nimport { Subscription } from \'rxjs\';\\nimport { TableOfContentsService } from \'../table-of-contents.service\';\\n\\n@Component({\\n selector: \'cvi-ng-table-of-contents-item\',\\n templateUrl: \'./table-of-contents-item.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TableOfContentsItemComponent implements OnInit, OnDestroy {\\n /** Must be equal to a cviNgToCSection directive value in order to have scroll tracking working */\\n @Input() href!: string;\\n @Input() label = \'\';\\n\\n @HostBinding(\'attr.role\') roleAttr = \'listitem\';\\n @HostBinding(\'class.is-current\') current = false;\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table-of-contents__aside-list-item`;\\n }\\n\\n @HostBinding(\'attr.href\') get getHref(): null {\\n return null;\\n }\\n\\n @HostBinding(\'attr.label\') get getLabel(): null {\\n return null;\\n }\\n\\n get fullHref() {\\n return location.href.split(\'#\')[0] + this.href;\\n }\\n\\n tocSubscription!: Subscription;\\n\\n constructor(\\n private renderer: Renderer2,\\n private tocService: TableOfContentsService\\n ) {}\\n\\n ngOnInit() {\\n this.tocSubscription = this.tocService.currentToCSection$.subscribe(\\n (id: string) => {\\n this.current = `#${id}` === this.href;\\n }\\n );\\n }\\n\\n ngOnDestroy() {\\n this.tocSubscription.unsubscribe();\\n }\\n\\n highlightSection() {\\n this.tocService.highlightToCSectionAndSetAsCurrent(this.href.substring(1));\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":""},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":""}],"line":42,"jsdoctags":[{"name":"renderer","type":"Renderer2","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"tocService","type":"TableOfContentsService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["OnInit","OnDestroy"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":26}},"getHref":{"name":"getHref","getSignature":{"name":"getHref","type":"","line":30}},"getLabel":{"name":"getLabel","getSignature":{"name":"getLabel","type":"","line":34}},"fullHref":{"name":"fullHref","getSignature":{"name":"fullHref","type":"","returnType":"","line":38}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table-of-contents-item
    Component nameTableOfContentsItemComponent
    Design system module-
    Contentno
    Permitted parent/ancestorscvi-ng-table-of-contents
    Permitted children-
    \\n

    Where to use

    \\n

    Renders a table of contents navigation link in a cvi-ng-table-of-contents.

    \\n

    How to use

    \\n

    See cvi-ng-table-of-contents-wrapper docs.

    \\n","templateData":"{{ label }}\\n"},{"name":"TableOfContentsWrapperComponent","id":"component-TableOfContentsWrapperComponent-a3d0cf6e6386f75387536776e481fdd1dc1a17c34bc38259fc2165f0eaa8ca19247555a425d1d533b76dac5653bc1864673955936f7bd87e59813d2534bdebcf","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-table-of-contents-wrapper","styleUrls":[],"styles":[],"templateUrl":["./table-of-contents-wrapper.component.html"],"viewProviders":[],"inputsClass":[{"name":"hideNavOnMobile","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":8,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":9,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-table-of-contents-wrapper\',\\n templateUrl: \'./table-of-contents-wrapper.component.html\',\\n})\\nexport class TableOfContentsWrapperComponent {\\n @Input() hideNavOnMobile = true;\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return `cvi-table-of-contents${\\n this.hideNavOnMobile ? \' is-nav-hidden-on-mobile\' : \'\'\\n }`;\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":9}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-table-of-contents-wrapper
    Component nameTableOfContentsWrapperComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany and cvi-ng-table-of-contents
    \\n

    Where to use

    \\n

    Adds a table of contents sidebar to textual page content.

    \\n

    How to use

    \\n
      \\n
    1. Add cvi-ng-table-of-contents-wrapper to a page-wide slot in a view;
      2. \\n
    2. As its content, add a div with multiple blocks (eg same divs) of textual content with cviNgToCSection="section-id" attribute each. You can also add the directive to headings themselves instead. section-id must be a unique alphanumeric string in kebab case;
      3. \\n
    3. To the same cvi-ng-table-of-contents-wrapper also add cvi-ng-table-of-contents with a number of cvi-ng-table-of-contents-item equal to the number of content blocks. Each item should have its href prop set to the section-id prepended by #.
      4. \\n
    \\n","templateData":"\\n
    \\n
    \\n \\n
    \\n
    \\n"},{"name":"TabsComponent","id":"component-TabsComponent-d8c7419fac378778df34be9ba9309b4bc64d024fb37b9e7e8ad831a8d271ee81a6f08505d947de6e3dd47f55ae2bc5fca2768764d63af49e476e4b91f802da9b","file":"libs/ui/src/lib/tabs/tabs.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tabs","styleUrls":[],"styles":[],"templateUrl":["./tabs.component.html"],"viewProviders":[],"inputsClass":[{"name":"bindLabel","deprecated":false,"deprecationMessage":"","line":29,"type":"string","decorators":[]},{"name":"bindValue","deprecated":false,"deprecationMessage":"","line":28,"type":"string","decorators":[]}],"outputsClass":[{"name":"activeTabChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","line":32,"type":"EventEmitter"}],"propertiesClass":[{"name":"activeIndex","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":38},{"name":"allItems","deprecated":false,"deprecationMessage":"","type":"QueryList","optional":false,"description":"","line":30,"decorators":[{"name":"ContentChildren","stringifiedArguments":"TabComponent"}]},{"name":"dropdownButton","deprecated":false,"deprecationMessage":"","type":"ElementRef","optional":true,"description":"","line":49,"decorators":[{"name":"ViewChild","stringifiedArguments":"\'dropdownButton\', {static: true}"}]},{"name":"dropdownItemButtons","deprecated":false,"deprecationMessage":"","type":"QueryList>","optional":false,"description":"","line":51,"decorators":[{"name":"ViewChildren","stringifiedArguments":"\'dropdownItemButton\'"}]},{"name":"focusIndex","defaultValue":"0","deprecated":false,"deprecationMessage":"","type":"number","optional":false,"description":"","line":39},{"name":"isDropdownOpen","defaultValue":"false","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":46},{"name":"tabButtons","deprecated":false,"deprecationMessage":"","type":"QueryList>","optional":false,"description":"","line":55,"decorators":[{"name":"ViewChildren","stringifiedArguments":"\'tabButton\'"}]}],"methodsClass":[{"name":"close","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":130,"deprecated":false,"deprecationMessage":""},{"name":"focusNextDropdownButton","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":178,"deprecated":false,"deprecationMessage":""},{"name":"focusPreviousDropdownButton","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":186,"deprecated":false,"deprecationMessage":""},{"name":"getActiveTabContent","args":[],"optional":false,"returnType":"any","typeParameters":[],"line":117,"deprecated":false,"deprecationMessage":""},{"name":"getActiveTabTitle","args":[],"optional":false,"returnType":"any","typeParameters":[],"line":108,"deprecated":false,"deprecationMessage":""},{"name":"handleArrowButtonClick","args":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":138,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"event","type":"MouseEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleClickOutside","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":150,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:click\', [\'$event\']"}]},{"name":"handleEscape","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":155,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'document:keydown\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"handleKeyboardEvent","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":166,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'keydown\', [\'$event\']"}],"jsdoctags":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"isTabSelected","args":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"boolean","typeParameters":[],"line":104,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"tabIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActive","args":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":73,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"index","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActiveNext","args":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":92,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"makeActivePrev","args":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"currentIndex","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"open","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":126,"deprecated":false,"deprecationMessage":""},{"name":"updateTabButtonFocus","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":100,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":34,"type":"string","decorators":[]}],"hostListeners":[{"name":"document:click","args":[],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":150},{"name":"document:keydown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":155},{"name":"keydown","args":[{"name":"event","type":"KeyboardEvent","deprecated":false,"deprecationMessage":""}],"argsDecorator":["$event"],"deprecated":false,"deprecationMessage":"","line":166}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n ContentChildren,\\n ElementRef,\\n EventEmitter,\\n HostBinding,\\n OnDestroy,\\n Output,\\n QueryList,\\n ViewChildren,\\n Input,\\n HostListener,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { TabComponent } from \'./tab.component\';\\nimport { merge, Subscription } from \'rxjs\';\\nimport { v4 as uuidv4 } from \'uuid\';\\n\\n@Component({\\n selector: \'cvi-ng-tabs\',\\n templateUrl: \'./tabs.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TabsComponent implements AfterViewInit, OnDestroy {\\n @Input() bindValue?: string;\\n @Input() bindLabel?: string;\\n @ContentChildren(TabComponent) allItems!: QueryList;\\n\\n @Output() activeTabChange = new EventEmitter();\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return \'cvi-tabs\';\\n }\\n\\n activeIndex = 0;\\n focusIndex = 0;\\n\\n /** @internal */\\n baseId = \'tabgroup-\' + uuidv4();\\n\\n /** @internal */\\n private tabChangesSubscription = Subscription.EMPTY;\\n isDropdownOpen = false;\\n\\n @ViewChild(\'dropdownButton\', { static: true })\\n dropdownButton?: ElementRef;\\n\\n @ViewChildren(\'dropdownItemButton\') dropdownItemButtons!: QueryList<\\n ElementRef\\n >;\\n\\n @ViewChildren(\'tabButton\') tabButtons!: QueryList<\\n ElementRef\\n >;\\n\\n constructor(private cdRef: ChangeDetectorRef) {}\\n\\n ngAfterViewInit() {\\n this.tabChangesSubscription = merge(\\n ...this.allItems.map((tab) => tab._stateChanges)\\n ).subscribe(() => this.cdRef.markForCheck());\\n\\n this.activeTabChange.emit(this.activeIndex);\\n }\\n\\n ngOnDestroy() {\\n this.tabChangesSubscription.unsubscribe();\\n }\\n\\n makeActive(index: number) {\\n if (this.activeIndex !== index) {\\n this.activeIndex = index;\\n this.focusIndex = index;\\n this.activeTabChange.emit(this.activeIndex);\\n this.cdRef.detectChanges();\\n this.close();\\n this.updateTabButtonFocus();\\n }\\n }\\n\\n makeActivePrev(currentIndex: number) {\\n let newIndex = this.allItems.length - 1;\\n if (this.activeIndex > 0) {\\n newIndex = currentIndex - 1;\\n }\\n this.makeActive(newIndex);\\n }\\n\\n makeActiveNext(currentIndex: number) {\\n let newIndex = 0;\\n if (this.activeIndex < this.allItems.length - 1) {\\n newIndex = currentIndex + 1;\\n }\\n this.makeActive(newIndex);\\n }\\n\\n updateTabButtonFocus(): void {\\n this.tabButtons.get(this.activeIndex)?.nativeElement.focus();\\n }\\n\\n isTabSelected(tabIndex: number): boolean {\\n return this.activeIndex === tabIndex;\\n }\\n\\n getActiveTabTitle() {\\n const activeTab = this.allItems.get(this.activeIndex);\\n if (!activeTab) {\\n throw new Error(`no tab exists with index ${this.activeIndex}`);\\n }\\n\\n return activeTab.title;\\n }\\n\\n getActiveTabContent() {\\n const activeTab = this.allItems.get(this.activeIndex);\\n if (!activeTab) {\\n throw new Error(`no tab exists with index ${this.activeIndex}`);\\n }\\n\\n return activeTab.content;\\n }\\n\\n open() {\\n this.isDropdownOpen = true;\\n }\\n\\n close() {\\n if (!this.isDropdownOpen) {\\n return;\\n }\\n\\n this.isDropdownOpen = false;\\n }\\n\\n handleArrowButtonClick(event: MouseEvent) {\\n event.stopPropagation();\\n event.preventDefault();\\n\\n if (this.isDropdownOpen) {\\n this.close();\\n } else {\\n this.open();\\n }\\n }\\n\\n @HostListener(\'document:click\', [\'$event\'])\\n handleClickOutside() {\\n this.close();\\n }\\n\\n @HostListener(\'document:keydown\', [\'$event\'])\\n handleEscape(event: KeyboardEvent) {\\n if (event.key === \'Escape\') {\\n if (this.isDropdownOpen) {\\n event.preventDefault();\\n this.close();\\n this.dropdownButton?.nativeElement.focus();\\n }\\n }\\n }\\n\\n @HostListener(\'keydown\', [\'$event\'])\\n handleKeyboardEvent(event: KeyboardEvent) {\\n if (event.key === \'ArrowDown\') {\\n this.dropdownItemButtons.get(this.focusIndex)?.nativeElement.focus();\\n event.preventDefault();\\n this.focusPreviousDropdownButton();\\n } else if (event.key === \'ArrowUp\') {\\n event.preventDefault();\\n this.focusNextDropdownButton();\\n this.dropdownItemButtons.get(this.focusIndex)?.nativeElement.focus();\\n }\\n }\\n\\n focusNextDropdownButton() {\\n if (this.focusIndex < this.dropdownItemButtons.length - 1) {\\n this.focusIndex++;\\n } else {\\n this.focusIndex = 0;\\n }\\n }\\n\\n focusPreviousDropdownButton() {\\n if (this.focusIndex > 0) {\\n this.focusIndex--;\\n } else {\\n this.focusIndex = this.dropdownItemButtons.length - 1;\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":57,"jsdoctags":[{"name":"cdRef","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit","OnDestroy"],"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":34}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-tabs
    Component nameTabsComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrencvi-ng-tab
    \\n

    Where to use

    \\n

    Displays tabs in a new design. On mobile the component switches to dropdown UI. Add tabs with cvi-ng-tab component.

    \\n","templateData":"
    \\n \\n \\n \\n
    \\n
    \\n \\n {{ getActiveTabTitle() }}\\n \\n \\n \\n
    \\n\\n \\n \\n \\n \\n \\n\\n\\n \\n\\n\\n\\n \\n \\n\\n\\n\\n {{ tab.title }}\\n\\n\\n\\n \\n \\n \\n \\n\\n \\n\\n \\n \\n \\n \\n"},{"name":"TextareaComponent","id":"component-TextareaComponent-cf758e096980044ada75ec8e2e96a3f742e74f871e829217874eb5ee2b092e4acd4f8b3e717031e4e1da605e07d8b008212d70fd9a378efa507064e4a3ff8a55","file":"libs/ui/src/lib/textarea/textarea.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[{"name":"textareaComponentProvider","type":"component"}],"selector":"cvi-ng-textarea","styleUrls":["./textarea.component.scss"],"styles":[],"templateUrl":["./textarea.component.html"],"viewProviders":[],"inputsClass":[{"name":"disabled","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nTextarea is disabled","description":"

    Textarea is disabled

    \\n","line":34,"type":"boolean","decorators":[]},{"name":"htmlId","deprecated":false,"deprecationMessage":"","rawdescription":"\\nHTML id passed from FormItem component","description":"

    HTML id passed from FormItem component

    \\n","line":31,"type":"string","decorators":[]},{"name":"maxLength","defaultValue":"2000","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMax number of characters","description":"

    Max number of characters

    \\n","line":37,"type":"number","decorators":[]},{"name":"maxRows","defaultValue":"5","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMaximum number of rows to display","description":"

    Maximum number of rows to display

    \\n","line":43,"type":"number","decorators":[]},{"name":"minRows","defaultValue":"3","deprecated":false,"deprecationMessage":"","rawdescription":"\\nMinimum number of rows to display","description":"

    Minimum number of rows to display

    \\n","line":40,"type":"number","decorators":[]},{"name":"placeholder","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nInput placeholder","description":"

    Input placeholder

    \\n","line":46,"type":"string","decorators":[]},{"name":"resizable","defaultValue":"true","deprecated":false,"deprecationMessage":"","rawdescription":"\\nTextarea is resizable. Does not do anything currently since CDK autoresize disables browser resize feature","description":"

    Textarea is resizable. Does not do anything currently since CDK autoresize disables browser resize feature

    \\n","line":49,"type":"boolean","decorators":[]}],"outputsClass":[{"name":"valueChange","defaultValue":"new EventEmitter()","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEmit value on model change","description":"

    Emit value on model change

    \\n","line":52,"type":"EventEmitter"}],"propertiesClass":[{"name":"autosize","deprecated":false,"deprecationMessage":"","type":"CdkTextareaAutosize","optional":true,"description":"","line":28,"decorators":[{"name":"ViewChild","stringifiedArguments":"CdkTextareaAutosize"}]},{"name":"internalValue","deprecated":false,"deprecationMessage":"","type":"any","optional":true,"description":"","line":54},{"name":"onChanged","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":57,"modifierKind":[121]},{"name":"onTouched","defaultValue":"() => {...}","deprecated":false,"deprecationMessage":"","type":"function","optional":false,"description":"","line":60,"modifierKind":[121]}],"methodsClass":[{"name":"registerOnChange","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":84,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"registerOnTouched","args":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":88,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"fn","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"resize","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":92,"deprecated":false,"deprecationMessage":""},{"name":"setValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"writeValue","args":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":80,"deprecated":false,"deprecationMessage":"","jsdoctags":[{"name":"value","type":"any","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":62,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n Component,\\n EventEmitter,\\n forwardRef,\\n HostBinding,\\n Input,\\n Output,\\n ViewChild,\\n} from \'@angular/core\';\\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \'@angular/forms\';\\nimport { CdkTextareaAutosize } from \'@angular/cdk/text-field\';\\n\\nexport const textareaComponentProvider = {\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => TextareaComponent),\\n multi: true,\\n};\\n\\n@Component({\\n selector: \'cvi-ng-textarea\',\\n templateUrl: \'./textarea.component.html\',\\n styleUrls: [\'./textarea.component.scss\'],\\n providers: [textareaComponentProvider],\\n})\\nexport class TextareaComponent implements ControlValueAccessor, AfterViewInit {\\n @ViewChild(CdkTextareaAutosize) autosize?: CdkTextareaAutosize;\\n\\n /** HTML id passed from FormItem component */\\n @Input() htmlId!: string;\\n\\n /** Textarea is disabled */\\n @Input() disabled = false;\\n\\n /** Max number of characters */\\n @Input() maxLength = 2000;\\n\\n /** Minimum number of rows to display */\\n @Input() minRows = 3;\\n\\n /** Maximum number of rows to display */\\n @Input() maxRows = 5;\\n\\n /** Input placeholder */\\n @Input() placeholder = \'\';\\n\\n /** Textarea is resizable. Does not do anything currently since CDK autoresize disables browser resize feature */\\n @Input() resizable = true;\\n\\n /** Emit value on model change */\\n @Output() valueChange = new EventEmitter();\\n\\n internalValue?: any;\\n\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onChanged: (value: unknown) => void = () =>\\n this.valueChange.emit(this.internalValue);\\n // eslint-disable-next-line @typescript-eslint/no-empty-function\\n private onTouched: () => unknown = () => {};\\n\\n @HostBinding(\'class\') get getHostClasses(): string {\\n const baseClass = \'cvi-textfield\';\\n return `${baseClass} ${baseClass}--type-multiple-lines${\\n this.disabled ? ` ${baseClass}--is-disabled` : \'\'\\n }${this.resizable ? \'\' : ` ${baseClass}--no-resize`}`;\\n }\\n\\n ngAfterViewInit(): void {\\n if (this.autosize) {\\n this.resize();\\n }\\n }\\n\\n setValue(value: any) {\\n this.onChanged(value);\\n this.onTouched();\\n }\\n\\n writeValue(value: any): void {\\n this.internalValue = value;\\n }\\n\\n registerOnChange(fn: any): void {\\n this.onChanged = fn;\\n }\\n\\n registerOnTouched(fn: any): void {\\n this.onTouched = fn;\\n }\\n\\n resize(): void {\\n setTimeout(() => this.autosize?.resizeToFitContent(true));\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":[{"data":"@use \'@angular/cdk\';\\n\\n:host {\\n @include cdk.text-field-autosize;\\n}\\n","styleUrl":"./textarea.component.scss"}],"stylesData":"","implements":["ControlValueAccessor","AfterViewInit"],"accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":62}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-textarea
    Component nameTextareaComponent
    Design system module-
    Permitted parent/ancestorsany
    Permitted children-
    \\n

    Where to use

    \\n

    A textarea input field component.

    \\n

    Can be used with character counter directive cviNgCharacterCounter. If set, character counter uses binded [maxChars] property for defining maximum value, otherwise it takes the maximum value from maxlength attribute of the native HTML element. If neither is set, character counter is not displayed. Sets the maxlength value accordingly.

    \\n","templateData":"\\n"},{"name":"TimedNoticeComponent","id":"component-TimedNoticeComponent-27a36a1ba737f4f1490ce2da51ffa966426e6247bf46d50c113d70ce1b6a285bd015bd334cd9581f3522ffc6a1e27a8661538a2a9a5ff5d783bc5ecd76d555d6","file":"libs/ui/src/lib/timed-notice/timed-notice.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-timed-notice","styleUrls":[],"styles":[],"templateUrl":["./timed-notice.component.html"],"viewProviders":[],"inputsClass":[{"name":"asideItems","deprecated":false,"deprecationMessage":"","line":23,"type":"TimedNoticeAsideItem[]","decorators":[]},{"name":"dueDate","deprecated":false,"deprecationMessage":"","line":21,"type":"string","decorators":[]},{"name":"iconName","deprecated":false,"deprecationMessage":"","line":18,"type":"CviIconName","decorators":[]},{"name":"severity","defaultValue":"\'info\'","deprecated":false,"deprecationMessage":"","line":17,"type":"TimedNoticeSeverity","decorators":[]},{"name":"time","deprecated":false,"deprecationMessage":"","line":22,"type":"string","decorators":[]},{"name":"title","defaultValue":"\'title\'","deprecated":false,"deprecationMessage":"","line":19,"type":"string","decorators":[]},{"name":"titleHref","defaultValue":"\'#\'","deprecated":false,"deprecationMessage":"","line":20,"type":"string","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getIconName","args":[],"optional":false,"returnType":"CviIconName | undefined","typeParameters":[],"line":31,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":27,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n ChangeDetectionStrategy,\\n Component,\\n HostBinding,\\n Input,\\n} from \'@angular/core\';\\nimport { CviIconName } from \'@egov/cvi-icons\';\\nimport { TimedNoticeAsideItem, TimedNoticeSeverity } from \'./timed-notice\';\\nimport { TimedNoticeSeverityToIconPipe } from \'./timed-notice-severity-to-icon.pipe\';\\n\\n@Component({\\n selector: \'cvi-ng-timed-notice\',\\n templateUrl: \'./timed-notice.component.html\',\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class TimedNoticeComponent {\\n @Input() severity: TimedNoticeSeverity = \'info\';\\n @Input() iconName?: CviIconName;\\n @Input() title = \'title\';\\n @Input() titleHref = \'#\';\\n @Input() dueDate?: string;\\n @Input() time?: string;\\n @Input() asideItems?: TimedNoticeAsideItem[];\\n constructor(private readonly iconPipe: TimedNoticeSeverityToIconPipe) {}\\n\\n @HostBinding(\'class\')\\n get hostClasses(): string {\\n return `cvi-timed-notice`;\\n }\\n\\n getIconName(): CviIconName | undefined {\\n return this.iconPipe.transform(this.severity);\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"iconPipe","type":"TimedNoticeSeverityToIconPipe","deprecated":false,"deprecationMessage":""}],"line":23,"jsdoctags":[{"name":"iconPipe","type":"TimedNoticeSeverityToIconPipe","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":27}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-timed-notice
    Component nameNoticeComponent
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    Use inside timeline components to display short informative content, status updates etc.

    \\n","templateData":"\\n
    \\n \\n
    \\n
    \\n \\n \\n \\n
    {{ dueDate }}
    \\n
    {{ time }}
    \\n \\n \\n \\n {{ title }}\\n \\n \\n \\n \\n \\n \\n \\n
    \\n {{ asideItems[0].label }}\\n
    \\n \\n \\n \\n {{ asideItem.label }}\\n \\n \\n \\n \\n \\n \\n
    \\n\\n"},{"name":"ToastComponent","id":"component-ToastComponent-d8445ffccb5cedcadfef10d2b08cf5a139317f4e727ff1c617c16640b6f2cab6583429606b551b2d93b9dbebc70483b489743e3b130917c5d9419b67ee209d59","file":"libs/ui/src/lib/toast/toast.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-toast","styleUrls":[],"styles":[],"templateUrl":["./toast.component.html"],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[{"name":"animationFrameRequestId","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":39,"modifierKind":[121]},{"name":"animationStartTime","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":38,"modifierKind":[121]},{"name":"animationTimeOutLength","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":40,"modifierKind":[121]},{"name":"ariaAtomic","defaultValue":"\'true\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":52,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.aria-atomic\'"}]},{"name":"ariaLive","defaultValue":"\'assertive\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":51,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.aria-live\'"}]},{"name":"progressBarWidth","defaultValue":"-1","deprecated":false,"deprecationMessage":"","type":"","optional":false,"description":"","line":35},{"name":"role","defaultValue":"\'alert\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":50,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'attr.role\'"}]},{"name":"state","defaultValue":"{\\n value: \'inactive\',\\n params: {\\n easeTime: this.toastPackage.config.easeTime,\\n },\\n }","deprecated":false,"deprecationMessage":"","type":"object","optional":false,"description":"","line":43,"decorators":[{"name":"HostBinding","stringifiedArguments":"\'@fade\'"}]},{"name":"timeout","deprecated":false,"deprecationMessage":"","type":"any","optional":false,"description":"","line":37,"modifierKind":[121]},{"name":"toastClasses","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","type":"string","optional":false,"description":"","line":34}],"methodsClass":[{"name":"animateProgressBar","args":[{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":""}],"optional":false,"returnType":"void","typeParameters":[],"line":153,"deprecated":false,"deprecationMessage":"","modifierKind":[121],"jsdoctags":[{"name":"timestamp","type":"number","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"delayedHideToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":93,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseleave\'"}]},{"name":"keepToastAround","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":80,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'mouseenter\'"}]},{"name":"remove","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":137,"deprecated":false,"deprecationMessage":""},{"name":"tapToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":75,"deprecated":false,"deprecationMessage":"","decorators":[{"name":"HostListener","stringifiedArguments":"\'click\'"}]}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"@fade","defaultValue":"{\\n value: \'inactive\',\\n params: {\\n easeTime: this.toastPackage.config.easeTime,\\n },\\n }","deprecated":false,"deprecationMessage":"","line":43,"type":"{ value: string; params: { easeTime: any; }; }","decorators":[]},{"name":"attr.aria-atomic","defaultValue":"\'true\'","deprecated":false,"deprecationMessage":"","line":52,"type":"string","decorators":[]},{"name":"attr.aria-live","defaultValue":"\'assertive\'","deprecated":false,"deprecationMessage":"","line":51,"type":"string","decorators":[]},{"name":"attr.role","defaultValue":"\'alert\'","deprecated":false,"deprecationMessage":"","line":50,"type":"string","decorators":[]},{"name":"class","deprecated":false,"deprecationMessage":"","line":63,"type":"string","decorators":[]}],"hostListeners":[{"name":"click","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":75},{"name":"mouseenter","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":80},{"name":"mouseleave","args":[],"argsDecorator":[],"deprecated":false,"deprecationMessage":"","line":93}],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import {\\n AfterViewInit,\\n ChangeDetectionStrategy,\\n ChangeDetectorRef,\\n Component,\\n HostBinding,\\n HostListener,\\n} from \'@angular/core\';\\nimport { ToastService } from \'./toast.service\';\\nimport { ToastPackage } from \'./toast-config\';\\nimport {\\n animate,\\n state,\\n style,\\n transition,\\n trigger,\\n} from \'@angular/animations\';\\n\\n@Component({\\n selector: \'cvi-ng-toast\',\\n templateUrl: \'./toast.component.html\',\\n animations: [\\n trigger(\'fade\', [\\n state(\'inactive\', style({ opacity: 0 })),\\n state(\'active\', style({ opacity: 1 })),\\n state(\'removed\', style({ opacity: 0 })),\\n transition(\'inactive => active\', animate(\'{{ easeTime }}ms ease-in\')),\\n transition(\'active => removed\', animate(\'{{ easeTime }}ms ease-in\')),\\n ]),\\n ],\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ToastComponent implements AfterViewInit {\\n toastClasses = \'\';\\n progressBarWidth = -1;\\n\\n private timeout: any;\\n private animationStartTime = -1;\\n private animationFrameRequestId = -1;\\n private animationTimeOutLength = -1;\\n\\n @HostBinding(\'@fade\')\\n state = {\\n value: \'inactive\',\\n params: {\\n easeTime: this.toastPackage.config.easeTime,\\n },\\n };\\n\\n @HostBinding(\'attr.role\') role = \'alert\';\\n @HostBinding(\'attr.aria-live\') ariaLive = \'assertive\';\\n @HostBinding(\'attr.aria-atomic\') ariaAtomic = \'true\';\\n\\n constructor(\\n private readonly toastService: ToastService,\\n private readonly toastPackage: ToastPackage,\\n private readonly cd: ChangeDetectorRef\\n ) {\\n this.toastClasses = `cvi-toast ${toastPackage.toastType}`;\\n }\\n\\n @HostBinding(\'class\')\\n get hostClasses(): string {\\n return `cvi-toast ${this.toastPackage.toastType}`;\\n }\\n\\n ngAfterViewInit() {\\n this.animationTimeOutLength = this.toastPackage.config.timeOut;\\n this.timeout = setTimeout(() => this.remove(), this.animationTimeOutLength);\\n this.animateProgressBar(performance.now());\\n this.state = { ...this.state, value: \'active\' };\\n }\\n\\n @HostListener(\'click\')\\n tapToast() {\\n this.remove();\\n }\\n\\n @HostListener(\'mouseenter\')\\n keepToastAround() {\\n if (this.state.value === \'removed\') {\\n return;\\n }\\n\\n clearTimeout(this.timeout);\\n cancelAnimationFrame(this.animationFrameRequestId);\\n this.animationFrameRequestId = -1;\\n this.animationStartTime = -1;\\n this.progressBarWidth = 0;\\n }\\n\\n @HostListener(\'mouseleave\')\\n delayedHideToast() {\\n this.animationTimeOutLength = this.toastPackage.config.extendedTimeOut;\\n this.timeout = setTimeout(() => this.remove(), this.animationTimeOutLength);\\n this.animateProgressBar(performance.now());\\n }\\n\\n get message() {\\n return this.toastPackage.message;\\n }\\n\\n get title() {\\n return this.toastPackage.title;\\n }\\n\\n get progressBar() {\\n return this.toastPackage.config.progressBar;\\n }\\n\\n get isSuccessToast() {\\n return (\\n this.toastPackage.toastType ===\\n this.toastPackage.config.toastTypes.success\\n );\\n }\\n\\n get isInfoToast() {\\n return (\\n this.toastPackage.toastType === this.toastPackage.config.toastTypes.info\\n );\\n }\\n\\n get isWarningToast() {\\n return (\\n this.toastPackage.toastType ===\\n this.toastPackage.config.toastTypes.warning\\n );\\n }\\n\\n get isErrorToast() {\\n return (\\n this.toastPackage.toastType === this.toastPackage.config.toastTypes.error\\n );\\n }\\n\\n remove() {\\n if (this.state.value === \'removed\') {\\n return;\\n }\\n\\n clearTimeout(this.timeout);\\n cancelAnimationFrame(this.animationFrameRequestId);\\n this.animationFrameRequestId = -1;\\n this.state = { ...this.state, value: \'removed\' };\\n\\n setTimeout(\\n () => this.toastService.remove(this.toastPackage.id),\\n this.toastPackage.config.easeTime\\n );\\n }\\n\\n private animateProgressBar(timestamp: number) {\\n this.animationFrameRequestId = requestAnimationFrame(\\n this.animateProgressBar.bind(this)\\n );\\n\\n if (this.animationStartTime > 0) {\\n this.progressBarWidth =\\n 100 -\\n Math.min(\\n (timestamp - this.animationStartTime) / this.animationTimeOutLength,\\n 100\\n ) *\\n 100;\\n this.cd.markForCheck();\\n } else {\\n this.animationStartTime = timestamp;\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":""},{"name":"toastPackage","type":"ToastPackage","deprecated":false,"deprecationMessage":""},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":""}],"line":52,"jsdoctags":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"toastPackage","type":"ToastPackage","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"cd","type":"ChangeDetectorRef","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit"],"accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":63}},"message":{"name":"message","getSignature":{"name":"message","type":"","returnType":"","line":99}},"title":{"name":"title","getSignature":{"name":"title","type":"","returnType":"","line":103}},"progressBar":{"name":"progressBar","getSignature":{"name":"progressBar","type":"","returnType":"","line":107}},"isSuccessToast":{"name":"isSuccessToast","getSignature":{"name":"isSuccessToast","type":"","returnType":"","line":111}},"isInfoToast":{"name":"isInfoToast","getSignature":{"name":"isInfoToast","type":"","returnType":"","line":118}},"isWarningToast":{"name":"isWarningToast","getSignature":{"name":"isWarningToast","type":"","returnType":"","line":124}},"isErrorToast":{"name":"isErrorToast","getSignature":{"name":"isErrorToast","type":"","returnType":"","line":131}}},"templateData":"

    \\n \\n \\n \\n \\n
    {{ title }}
    \\n \\n

    \\n
    \\n {{ message }}\\n
    \\n
    \\n"},{"name":"ToastContainerComponent","id":"component-ToastContainerComponent-2aa63fbd57dab0f699dc235fb073014d30fc3b6c5baeba1d44ab0fb9d7fe5ad03edcdfdf83ad39b7cffdae818c3e1ad2a417d7774947c47a584676251c3a4f78","file":"libs/ui/src/lib/toast/toast-container.component.ts","changeDetection":"ChangeDetectionStrategy.OnPush","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-toast-container","styleUrls":[],"styles":[],"template":"","templateUrl":[],"viewProviders":[],"inputsClass":[],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":10,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { ChangeDetectionStrategy, Component, HostBinding } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-toast-container\',\\n template: ``,\\n changeDetection: ChangeDetectionStrategy.OnPush,\\n})\\nexport class ToastContainerComponent {\\n @HostBinding(\'class\')\\n get hostClasses() {\\n return \'cvi-toast-container\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"","returnType":"","line":10}}}},{"name":"ToastWrapperComponent","id":"component-ToastWrapperComponent-c6be7b45240b3121a6f5e9218431a95327b219bc1df43860b0fec96c8cd766380e573b9ba81b78a1fd6f00de2d4cf5366e762ec96e7c801cc90e0db7278e6906","file":"libs/ui/src/lib/toast/toast.service.stories.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-storybook-toast-wrapper","styleUrls":[],"styles":[],"template":"\\n Open Success Toast\\n Open Info Toast\\n Open Warning Toast\\n Open Error Toast\\n\\n","templateUrl":[],"viewProviders":[],"inputsClass":[{"name":"showButtons","defaultValue":"true","deprecated":false,"deprecationMessage":"","line":24,"type":"boolean","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"openErrorToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":51,"deprecated":false,"deprecationMessage":""},{"name":"openInfoToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":43,"deprecated":false,"deprecationMessage":""},{"name":"openSuccessToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":36,"deprecated":false,"deprecationMessage":""},{"name":"openWarningToast","args":[],"optional":false,"returnType":"void","typeParameters":[],"line":47,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Meta, moduleMetadata, Story } from \'@storybook/angular\';\\nimport { ToastService } from \'./toast.service\';\\nimport notes from \'./toast.service.md\';\\nimport { AfterViewInit, Component, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-storybook-toast-wrapper\',\\n template: `\\n \\n Open Success Toast\\n Open Info Toast\\n Open Warning Toast\\n Open Error Toast\\n \\n `,\\n})\\nclass ToastWrapperComponent implements AfterViewInit {\\n @Input() showButtons = true;\\n constructor(private toastService: ToastService) {}\\n\\n ngAfterViewInit() {\\n if (!this.showButtons) {\\n this.toastService.info(\\n \'Default Title which is quite darn long\',\\n \'Default message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1\'\\n );\\n }\\n }\\n\\n openSuccessToast() {\\n this.toastService.success(\\n \'Success Title with a lot of text that does not fit\',\\n \'Message\'\\n );\\n }\\n\\n openInfoToast() {\\n this.toastService.info(\'Info Title\', \'Message\');\\n }\\n\\n openWarningToast() {\\n this.toastService.warning(\'Warning Title\', \'Message\');\\n }\\n\\n openErrorToast() {\\n this.toastService.error(\\n \'Error Title\',\\n \'Message. Long unbreakable string: 6516949e9bbc0e07ddbaa7283d558cf1\'\\n );\\n }\\n}\\n\\nexport default {\\n title: \'Angular/Toast\',\\n component: ToastWrapperComponent,\\n parameters: { notes },\\n decorators: [\\n moduleMetadata({\\n declarations: [ToastWrapperComponent],\\n }),\\n ],\\n argTypes: {\\n showButtons: {\\n table: {\\n disable: true,\\n },\\n },\\n },\\n} as Meta;\\n\\nconst Template: Story = (args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n});\\nexport const Default = Template.bind({});\\n\\nconst TemplateOpenOnLoad: Story = (args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n});\\nexport const OpenOnLoad = TemplateOpenOnLoad.bind({});\\nOpenOnLoad.parameters = {\\n chromatic: { delay: 1000 },\\n};\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","constructorObj":{"name":"constructor","description":"","deprecated":false,"deprecationMessage":"","args":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":""}],"line":24,"jsdoctags":[{"name":"toastService","type":"ToastService","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},"implements":["AfterViewInit"]},{"name":"TooltipComponent","id":"component-TooltipComponent-9eac1061862480a3b02d3d177fceeb84847f85dc5e07cbb4678b33fd0143caa12e72539a53bcd884ab95e38472ef591630328b7868c1f9b88b8bc54f09a3fb17","file":"libs/ui/src/lib/tooltip/tooltip.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-tooltip","styleUrls":[],"styles":[],"templateUrl":["./tooltip.component.html"],"viewProviders":[],"inputsClass":[{"name":"arrowLeft","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":11,"type":"number","decorators":[]},{"name":"arrowTop","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":12,"type":"number","decorators":[]},{"name":"left","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":9,"type":"number","decorators":[]},{"name":"message","defaultValue":"\'\'","deprecated":false,"deprecationMessage":"","line":8,"type":"string","decorators":[]},{"name":"top","defaultValue":"0","deprecated":false,"deprecationMessage":"","line":10,"type":"number","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":13,"type":"string","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\n\\n@Component({\\n selector: \'cvi-ng-tooltip\',\\n templateUrl: \'./tooltip.component.html\',\\n})\\nexport class TooltipComponent {\\n @Input() message = \'\';\\n @Input() left = 0;\\n @Input() top = 0;\\n @Input() arrowLeft = 0;\\n @Input() arrowTop = 0;\\n @HostBinding(\'class\') get getHostClasses(): string {\\n return \'cvi-tooltip\';\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"getHostClasses":{"name":"getHostClasses","getSignature":{"name":"getHostClasses","type":"string","returnType":"string","line":13}}},"templateData":"
    \\n {{message}}\\n
    \\n
    \\n"},{"name":"TrackComponent","id":"component-TrackComponent-4f1b55ff3b0f516aaa4133c0e0a9f72f923d48721052bebece53d8dc47fb5fd82d714579588d6d93786b7548ad1da909090e83f666c0dac8439b16b064009e74","file":"libs/ui/src/lib/track/track.component.ts","encapsulation":[],"entryComponents":[],"inputs":[],"outputs":[],"providers":[],"selector":"cvi-ng-track","styleUrls":[],"styles":[],"templateUrl":["./track.component.html"],"viewProviders":[],"inputsClass":[{"name":"flexColumnsEqual","defaultValue":"false","deprecated":false,"deprecationMessage":"","rawdescription":"\\nAll items in a row have same width. Only applicable if layout=flex","description":"

    All items in a row have same width. Only applicable if layout=flex

    \\n","line":17,"type":"boolean","decorators":[]},{"name":"flexDirection","defaultValue":"\'horizontal\'","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly applicable if layout=flex","description":"

    Only applicable if layout=flex

    \\n","line":59,"type":"\\"horizontal\\" | \\"vertical\\" | \\"verticalOnMobile\\" | \\"verticalReverseOnMobile\\"","decorators":[]},{"name":"flexIsMultiline","defaultValue":"false","deprecated":false,"deprecationMessage":"","line":69,"type":"boolean","decorators":[]},{"name":"gap","defaultValue":"0","deprecated":false,"deprecationMessage":"","rawdescription":"\\nGap in multiples of --cvi-spacing-unit","description":"

    Gap in multiples of --cvi-spacing-unit

    \\n","line":12,"type":"Gap","decorators":[]},{"name":"gridRows","deprecated":false,"deprecationMessage":"","line":23,"type":"number","decorators":[]},{"name":"horizontalAlignment","defaultValue":"\'normal\'","deprecated":false,"deprecationMessage":"","line":38,"type":"\\"normal\\" | \\"left\\" | \\"center\\" | \\"right\\" | \\"justify\\"","decorators":[]},{"name":"layout","defaultValue":"\'flex\'","deprecated":false,"deprecationMessage":"","line":14,"type":"\\"flex\\" | \\"grid\\"","decorators":[]},{"name":"verticalAlignment","defaultValue":"\'normal\'","deprecated":false,"deprecationMessage":"","line":56,"type":"\\"normal\\" | \\"top\\" | \\"center\\" | \\"bottom\\"","decorators":[]}],"outputsClass":[],"propertiesClass":[],"methodsClass":[{"name":"getHostDirection","args":[],"optional":false,"returnType":"string","typeParameters":[],"line":81,"deprecated":false,"deprecationMessage":""}],"deprecated":false,"deprecationMessage":"","hostBindings":[{"name":"class","deprecated":false,"deprecationMessage":"","line":71,"type":"string","decorators":[]},{"name":"style.--horizontal-alignment","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEquivalent of justify-content in CSS","description":"

    Equivalent of justify-content in CSS

    \\n","line":27,"type":"string | null","decorators":[]},{"name":"style.--rows","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly applicable if layout=grid","description":"

    Only applicable if layout=grid

    \\n","line":19,"type":"string | null","decorators":[]},{"name":"style.--vertical-alignment","deprecated":false,"deprecationMessage":"","rawdescription":"\\nEquivalent of align-items in CSS","description":"

    Equivalent of align-items in CSS

    \\n","line":47,"type":"string | null","decorators":[]},{"name":"style.--wrap","deprecated":false,"deprecationMessage":"","rawdescription":"\\nOnly applicable if layout=flex. Equivalent of flex-wrap in CSS","description":"

    Only applicable if layout=flex. Equivalent of flex-wrap in CSS

    \\n","line":66,"type":"string | null","decorators":[]}],"hostListeners":[],"description":"","rawdescription":"\\n","type":"component","sourceCode":"import { Component, HostBinding, Input } from \'@angular/core\';\\nimport { Gap } from \'./track\';\\n\\n@Component({\\n selector: \'cvi-ng-track\',\\n templateUrl: \'./track.component.html\',\\n})\\nexport class TrackComponent {\\n /** Gap in multiples of --cvi-spacing-unit */\\n @HostBinding(\'style.--gap\')\\n @Input()\\n gap: Gap = 0;\\n @Input()\\n layout: \'flex\' | \'grid\' = \'flex\';\\n /** All items in a row have same width. Only applicable if layout=flex */\\n @Input()\\n flexColumnsEqual = false;\\n /** Only applicable if layout=grid */\\n @HostBinding(\'style.--rows\') get hostCSSPropGridRows(): string | null {\\n return this.gridRows ? `${this.gridRows}` : null;\\n }\\n @Input()\\n gridRows!: number;\\n\\n /** Equivalent of justify-content in CSS */\\n @HostBinding(\'style.--horizontal-alignment\')\\n get hostCSSPropHorizontalAlignment(): string | null {\\n return this.horizontalAlignment\\n ? `\\n ${this.horizontalAlignment === \'normal\' ? \'normal\' : \'\'}\\n ${this.horizontalAlignment === \'left\' ? \'flex-start\' : \'\'}\\n ${this.horizontalAlignment === \'right\' ? \'flex-end\' : \'\'}\\n ${this.horizontalAlignment === \'center\' ? \'center\' : \'\'}\\n ${this.horizontalAlignment === \'justify\' ? \'space-between\' : \'\'}\\n `\\n : null;\\n }\\n @Input() horizontalAlignment:\\n | \'normal\'\\n | \'left\'\\n | \'center\'\\n | \'right\'\\n | \'justify\' = \'normal\';\\n\\n /** Equivalent of align-items in CSS */\\n @HostBinding(\'style.--vertical-alignment\')\\n get hostCSSPropVerticalAlignment(): string | null {\\n return this.verticalAlignment !== \'normal\'\\n ? `\\n ${this.verticalAlignment === \'top\' ? \'flex-start\' : \'\'}\\n ${this.verticalAlignment === \'center\' ? \'center\' : \'\'}\\n ${this.verticalAlignment === \'bottom\' ? \'flex-end\' : \'\'}\\n `\\n : null;\\n }\\n @Input() verticalAlignment: \'normal\' | \'top\' | \'center\' | \'bottom\' = \'normal\';\\n\\n /** Only applicable if layout=flex */\\n @Input() flexDirection:\\n | \'horizontal\'\\n | \'vertical\'\\n | \'verticalOnMobile\'\\n | \'verticalReverseOnMobile\' = \'horizontal\';\\n\\n /** Only applicable if layout=flex. Equivalent of flex-wrap in CSS */\\n @HostBinding(\'style.--wrap\') get hostCSSPropIsMultiline(): string | null {\\n return this.layout === \'flex\' && this.flexIsMultiline ? \'wrap\' : null;\\n }\\n @Input() flexIsMultiline = false;\\n\\n @HostBinding(\'class\') get hostClasses(): string {\\n return `cvi-track cvi-track--direction-${this.getHostDirection()}${\\n this.layout === \'grid\'\\n ? \' cvi-track--layout-grid\'\\n : \' cvi-track--layout-flex\'\\n }${this.flexColumnsEqual ? \' cvi-track--items-have-equal-width\' : \'\'}${\\n this.gridRows ? \' cvi-track--has-rows\' : \'\'\\n }`;\\n }\\n\\n getHostDirection(): string {\\n if (this.flexDirection === \'verticalOnMobile\') {\\n return \'vertical-on-mobile\';\\n } else if (this.flexDirection === \'verticalReverseOnMobile\') {\\n return \'vertical-reversed-on-mobile\';\\n } else {\\n return this.flexDirection;\\n }\\n }\\n}\\n","assetsDirs":[],"styleUrlsData":"","stylesData":"","accessors":{"hostCSSPropGridRows":{"name":"hostCSSPropGridRows","getSignature":{"name":"hostCSSPropGridRows","type":"","returnType":"string | null","line":19,"rawdescription":"\\nOnly applicable if layout=grid","description":"

    Only applicable if layout=grid

    \\n"}},"hostCSSPropHorizontalAlignment":{"name":"hostCSSPropHorizontalAlignment","getSignature":{"name":"hostCSSPropHorizontalAlignment","type":"","returnType":"string | null","line":27,"rawdescription":"\\nEquivalent of justify-content in CSS","description":"

    Equivalent of justify-content in CSS

    \\n"}},"hostCSSPropVerticalAlignment":{"name":"hostCSSPropVerticalAlignment","getSignature":{"name":"hostCSSPropVerticalAlignment","type":"","returnType":"string | null","line":47,"rawdescription":"\\nEquivalent of align-items in CSS","description":"

    Equivalent of align-items in CSS

    \\n"}},"hostCSSPropIsMultiline":{"name":"hostCSSPropIsMultiline","getSignature":{"name":"hostCSSPropIsMultiline","type":"","returnType":"string | null","line":66,"rawdescription":"\\nOnly applicable if layout=flex. Equivalent of flex-wrap in CSS","description":"

    Only applicable if layout=flex. Equivalent of flex-wrap in CSS

    \\n"}},"hostClasses":{"name":"hostClasses","getSignature":{"name":"hostClasses","type":"string","returnType":"string","line":71}}},"readme":"

    General description

    \\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n
    FeatureDescription
    Selectorcvi-ng-track
    Component nameTrackComponent
    Design system module-
    Contentyes
    Permitted parent/ancestorsany
    Permitted childrenany
    \\n

    Where to use

    \\n

    A a quick layout helper. Use with multiple children to provide a flex- or grid-like layout and ensure gaps between them are consistent with the design system.

    \\n","templateData":"\\n"}],"modules":[{"name":"AppModule","id":"module-AppModule-f61cefce3e19f59968a406d9c9527f663f428e238ca0ad7f04058d07717144f3bdc208b239a364920842916c528536300e737b866b6197afa13afb38ec353a47","description":"","deprecationMessage":"","deprecated":false,"file":"apps/ria/src/app/app.module.ts","methods":[],"sourceCode":"import { LOCALE_ID, NgModule } from \'@angular/core\';\\nimport { BrowserModule } from \'@angular/platform-browser\';\\n\\nimport { AppComponent } from \'./app.component\';\\nimport { UiModule } from \'@egov/cvi-ng\';\\nimport { HttpClient, HttpClientModule } from \'@angular/common/http\';\\nimport { TranslateHttpLoader } from \'@ngx-translate/http-loader\';\\nimport { BrowserAnimationsModule } from \'@angular/platform-browser/animations\';\\nimport { CommonModule } from \'@angular/common\';\\nimport { TranslateLoader, TranslateModule } from \'@ngx-translate/core\';\\nimport { ReactiveFormsModule } from \'@angular/forms\';\\n\\nexport function HttpLoaderFactory(http: HttpClient) {\\n return new TranslateHttpLoader(http, \'./assets/i18n/\', \'.json\');\\n}\\n\\n@NgModule({\\n declarations: [AppComponent],\\n imports: [\\n BrowserModule,\\n UiModule,\\n BrowserAnimationsModule,\\n HttpClientModule,\\n CommonModule,\\n TranslateModule.forRoot({\\n loader: {\\n provide: TranslateLoader,\\n useFactory: HttpLoaderFactory,\\n deps: [HttpClient],\\n },\\n }),\\n ReactiveFormsModule,\\n ],\\n providers: [{ provide: LOCALE_ID, useValue: \'et\' }],\\n bootstrap: [AppComponent],\\n})\\nexport class AppModule {}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"AppComponent"}]},{"type":"imports","elements":[{"name":"UiModule"}]},{"type":"exports","elements":[]},{"type":"bootstrap","elements":[{"name":"AppComponent"}]},{"type":"classes","elements":[]}]},{"name":"NgDiagramsModule","id":"module-NgDiagramsModule-1da773d4941e39c41c8b77a68eea583dcd00eba574f9feaaa0aea70707d2bb7b65218f561046181974524068d0f6e52c45db10d817459d903b713de7b8d2d151","description":"","deprecationMessage":"","deprecated":false,"file":"libs/ng-diagrams/src/lib/ng-diagrams.module.ts","methods":[],"sourceCode":"import { NgModule } from \'@angular/core\';\\nimport { CommonModule } from \'@angular/common\';\\nimport { HierarchicalBoxDiagramComponent } from \'./hierarchical-box-diagram/hierarchical-box-diagram.component\';\\n\\n@NgModule({\\n imports: [CommonModule],\\n declarations: [HierarchicalBoxDiagramComponent],\\n exports: [HierarchicalBoxDiagramComponent],\\n})\\nexport class NgDiagramsModule {}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"HierarchicalBoxDiagramComponent"}]},{"type":"imports","elements":[]},{"type":"exports","elements":[{"name":"HierarchicalBoxDiagramComponent"}]},{"type":"bootstrap","elements":[]},{"type":"classes","elements":[]}]},{"name":"StorybookModule","id":"module-StorybookModule-47f83d1a96ad48d75a861fcae9eff2827fcacbf03c18b6d290d29fa3fd77a7538fd11a6c932cf5c23c8bb005d7ca043769ff909406016f1c910d841c37118ec1","description":"","deprecationMessage":"","deprecated":false,"file":"libs/storybook/src/lib/storybook.module.ts","methods":[],"sourceCode":"import { CommonModule, registerLocaleData } from \'@angular/common\';\\nimport { HttpClient, HttpClientModule } from \'@angular/common/http\';\\nimport { LOCALE_ID, NgModule } from \'@angular/core\';\\nimport {\\n TranslateLoader,\\n TranslateModule,\\n TranslateService,\\n} from \'@ngx-translate/core\';\\nimport { TranslateHttpLoader } from \'@ngx-translate/http-loader\';\\nimport localeEt from \'@angular/common/locales/et\';\\nimport { StorybookSpacingSpecimenComponent } from \'./components/storybook-spacing-specimen/storybook-spacing-specimen.component\';\\nimport { StorybookSpacingSpecimenItemComponent } from \'./components/storybook-spacing-specimen/storybook-spacing-specimen-item.component\';\\nimport { StorybookColorCardsComponent } from \'./components/storybook-color-cards/storybook-color-cards.component\';\\nimport { StorybookColorCardComponent } from \'./components/storybook-color-cards/storybook-color-card.component\';\\nimport { StorybookIconCardsComponent } from \'./components/storybook-icon-cards/storybook-icon-cards.component\';\\nimport { StorybookIconCardComponent } from \'./components/storybook-icon-cards/storybook-icon-card.component\';\\nimport { StorybookTypeTesterComponent } from \'./components/storybook-type-tester/storybook-type-tester.component\';\\nimport { StorybookNoteComponent } from \'./components/storybook-note/storybook-note.component\';\\nimport { StorybookRandomParagraphsDirective } from \'./directives/storybook-random-paragraphs/storybook-random-paragraphs.directive\';\\nimport { StorybookCurrentComponentDirective } from \'./directives/storybook-current-component/storybook-current-component.directive\';\\nimport { StorybookInputDirective } from \'./directives/storybook-input/storybook-input.directive\';\\nimport { BrowserAnimationsModule } from \'@angular/platform-browser/animations\';\\n// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries\\nimport { storybookIcons } from \'../../../ui/src/lib/icons/storybook-icons\';\\nimport { IconsRegistry } from \'@egov/cvi-ng\';\\n\\nexport function HttpLoaderFactory(http: HttpClient) {\\n return new TranslateHttpLoader(http, \'i18n/\', \'.json\');\\n}\\n\\nregisterLocaleData(localeEt);\\n\\nconst components = [\\n StorybookColorCardsComponent,\\n StorybookColorCardComponent,\\n StorybookIconCardsComponent,\\n StorybookIconCardComponent,\\n StorybookTypeTesterComponent,\\n StorybookNoteComponent,\\n StorybookSpacingSpecimenComponent,\\n StorybookSpacingSpecimenItemComponent,\\n StorybookRandomParagraphsDirective,\\n StorybookCurrentComponentDirective,\\n StorybookInputDirective,\\n];\\n\\n@NgModule({\\n imports: [\\n BrowserAnimationsModule,\\n HttpClientModule,\\n CommonModule,\\n TranslateModule.forRoot({\\n loader: {\\n provide: TranslateLoader,\\n useFactory: HttpLoaderFactory,\\n deps: [HttpClient],\\n },\\n }),\\n ],\\n declarations: [...components],\\n exports: [...components, TranslateModule],\\n providers: [{ provide: LOCALE_ID, useValue: \'et\' }],\\n})\\nexport class StorybookModule {\\n constructor(private registry: IconsRegistry, translate: TranslateService) {\\n this.registry.registerIcons(storybookIcons);\\n translate.setDefaultLang(\'et\');\\n translate.use(\'et\');\\n }\\n}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"}]},{"type":"imports","elements":[]},{"type":"exports","elements":[{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"}]},{"type":"bootstrap","elements":[]},{"type":"classes","elements":[]}]},{"name":"UiModule","id":"module-UiModule-e04bb9eb29d260e958e18de30e9d6112d1ec3328d4ae8ceb88b9a8199b8fda3d8070c2599fa1f7900657ca8da831896117e9a30da6ed68e1b68716ce20455b47","description":"","deprecationMessage":"","deprecated":false,"file":"libs/ui/src/lib/ui.module.ts","methods":[],"sourceCode":"import { CommonModule } from \'@angular/common\';\\nimport { NgModule } from \'@angular/core\';\\nimport { CircleComponent } from \'./circle/circle.component\';\\nimport { ToStepCircleIconNamePipe } from \'./steps/steps/to-step-circle-icon-name.pipe\';\\nimport { ToStepCircleSeverityPipe } from \'./steps/steps/to-step-circle-severity.pipe\';\\n\\nimport { TrackComponent } from \'./track/track.component\';\\nimport { ContentContainerComponent } from \'./content-container/content-container.component\';\\nimport { ContentPanelComponent } from \'./content-panel/content-panel.component\';\\nimport { ButtonComponent } from \'./button/button.component\';\\nimport { StatusBadgeComponent } from \'./status-badge/status-badge.component\';\\nimport { FormItemComponent } from \'./form-item/form-item.component\';\\nimport { InputComponent } from \'./input/input.component\';\\nimport { RadioGroupComponent } from \'./radio-button/radio-group/radio-group.component\';\\nimport { RadioButtonComponent } from \'./radio-button/radio-button/radio-button.component\';\\nimport { IconComponent } from \'./icons/icon/icon.component\';\\nimport { LabeledIconComponent } from \'./icons/labeled-icon/labeled-icon.component\';\\nimport { StepsComponent } from \'./steps/steps/steps.component\';\\nimport { StepComponent } from \'./steps/step/step.component\';\\nimport { StepPanelComponent } from \'./steps/step-panel/step-panel.component\';\\nimport { FeedbackComponent } from \'./feedback/feedback/feedback.component\';\\nimport { TextareaComponent } from \'./textarea/textarea.component\';\\nimport { OptionButtonComponent } from \'./radio-button/option-button/option-button.component\';\\nimport { TextFieldModule } from \'@angular/cdk/text-field\';\\nimport { AccordionComponent } from \'./accordion/accordion.component\';\\nimport { AccordionItemDirective } from \'./accordion/directives/accordion-item.directive\';\\nimport { AccordionContentDirective } from \'./accordion/directives/accordion-content.directive\';\\nimport { AccordionTitleDirective } from \'./accordion/directives/accordion-title.directive\';\\nimport { AccordionHeaderDirective } from \'./accordion/directives/accordion-header.directive\';\\nimport { HtmlSectionComponent } from \'./html-section/html-section.component\';\\nimport { SafeHtmlPipe } from \'./html-section/safe-html-pipe\';\\nimport { NotificationComponent } from \'./notification/notification.component\';\\nimport { NotificationSeverityToHeaderIconPipe } from \'./notification/notification-severity-to-header-icon.pipe\';\\nimport { IconsRegistry } from \'./icons/icons-registry.service\';\\n// Only import the icons used inside the library\\nimport {\\n cviArrowALeft,\\n cviArrowARight,\\n cviArrowBLeft,\\n cviArrowBRight,\\n cviArrowDown,\\n cviArrowDownAlt,\\n cviArrowUp,\\n cviArrowUpAlt,\\n cviCalendar,\\n cviCall,\\n cviCheckCircleOutline,\\n cviCheck,\\n cviClose,\\n cviEditSimple,\\n cviEmail,\\n cviErrorOutline,\\n cviHappyFace,\\n cviInfo,\\n cviInputError,\\n cviLocation,\\n cviLoupe,\\n cviSadFace,\\n cviScreenShare,\\n cviSuccess,\\n cviWarningAmber,\\n cviOpenInNew,\\n cviFilter,\\n} from \'@egov/cvi-icons\';\\nimport { FormsModule, ReactiveFormsModule } from \'@angular/forms\';\\nimport { BreadcrumbsComponent } from \'./breadcrumbs/breadcrumbs.component\';\\nimport { SelectComponent } from \'./select/select.component\';\\nimport { SelectNavigationDirective } from \'./select/select-navigation.directive\';\\nimport {\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n} from \'./select/select-templates.directive\';\\nimport { DataAttributeDirective } from \'./directives/data-attribute.directive\';\\nimport { TooltipComponent } from \'./tooltip/tooltip.component\';\\nimport { TooltipDirective } from \'./tooltip/tooltip.directive\';\\nimport { TabComponent } from \'./tabs/tab.component\';\\nimport { TabGroupComponent } from \'./tabs/tab-group.component\';\\nimport { TabsComponent } from \'./tabs/tabs.component\';\\nimport { DefaultToastConfig, TOAST_CONFIG } from \'./toast/toast-config\';\\nimport { ToastComponent } from \'./toast/toast.component\';\\nimport { ToastContainerComponent } from \'./toast/toast-container.component\';\\nimport { CharacterCounterComponent } from \'./character-counter/character-counter.component\';\\nimport { CharacterCounterDirective } from \'./character-counter/character-counter.directive\';\\nimport { TableOfContentsSectionDirective } from \'./table-of-contents/toc-section.directive\';\\nimport { GeneratedTableOfContentsComponent } from \'./table-of-contents/generated-table-of-contents/generated-table-of-contents.component\';\\nimport { TableOfContentsWrapperComponent } from \'./table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component\';\\nimport { TableOfContentsComponent } from \'./table-of-contents/table-of-contents/table-of-contents.component\';\\nimport { TableOfContentsItemComponent } from \'./table-of-contents/table-of-contents-item/table-of-contents-item.component\';\\nimport { ModalComponent } from \'./modal/modal.component\';\\nimport { ModalDirective } from \'./modal/modal.directive\';\\nimport { ConfirmationModalComponent } from \'./confirmation-modal/confirmation-modal.component\';\\nimport { A11yModule } from \'@angular/cdk/a11y\';\\nimport { ReorderableListComponent } from \'./reorderable-list/reorderable-list/reorderable-list.component\';\\nimport { ReorderableListItemComponent } from \'./reorderable-list/reorderable-list-item/reorderable-list-item.component\';\\nimport { TableComponent } from \'./table/table.component\';\\nimport { BodyCellComponent } from \'./table/body-cell/body-cell.component\';\\nimport { HeaderCellComponent } from \'./table/header-cell/header-cell.component\';\\nimport { ScreenreaderTextComponent } from \'./screenreader-text/screenreader-text.component\';\\nimport { DatepickerComponent } from \'./datepicker/datepicker.component\';\\nimport { DatepickerCalendarComponent } from \'./datepicker/datepicker-calendar.component\';\\nimport { DATEPICKER_LABEL_CONFIG } from \'./datepicker/datepicker-label-config.token\';\\nimport { DefaultDatepickerLabelConfig } from \'./datepicker/default-datepicker-label.config\';\\nimport { TimedNoticeComponent } from \'./timed-notice/timed-notice.component\';\\nimport { TimedNoticeSeverityToIconPipe } from \'./timed-notice/timed-notice-severity-to-icon.pipe\';\\nimport { FormMessageDirective } from \'./form-message/form-message.directive\';\\nimport { FormMessageComponent } from \'./form-message/form-message.component\';\\nimport { FormMessageSeverityToHeaderIconPipe } from \'./form-message/form-message-severity-to-header-icon.pipe\';\\n\\nconst components = [\\n TrackComponent,\\n ContentContainerComponent,\\n ContentPanelComponent,\\n StatusBadgeComponent,\\n ButtonComponent,\\n InputComponent,\\n FormItemComponent,\\n IconComponent,\\n LabeledIconComponent,\\n StepsComponent,\\n StepComponent,\\n StepPanelComponent,\\n RadioGroupComponent,\\n RadioButtonComponent,\\n OptionButtonComponent,\\n FeedbackComponent,\\n TextareaComponent,\\n HtmlSectionComponent,\\n AccordionComponent,\\n AccordionItemDirective,\\n AccordionContentDirective,\\n AccordionTitleDirective,\\n AccordionHeaderDirective,\\n TableOfContentsSectionDirective,\\n TableOfContentsWrapperComponent,\\n TableOfContentsComponent,\\n TableOfContentsItemComponent,\\n GeneratedTableOfContentsComponent,\\n NotificationComponent,\\n BreadcrumbsComponent,\\n SelectComponent,\\n SelectNavigationDirective,\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n DataAttributeDirective,\\n TooltipComponent,\\n TooltipDirective,\\n TabComponent,\\n TabGroupComponent,\\n TabsComponent,\\n ToastComponent,\\n ToastContainerComponent,\\n CharacterCounterComponent,\\n CharacterCounterDirective,\\n ModalComponent,\\n ModalDirective,\\n ConfirmationModalComponent,\\n ReorderableListComponent,\\n ReorderableListItemComponent,\\n TableComponent,\\n ScreenreaderTextComponent,\\n BodyCellComponent,\\n HeaderCellComponent,\\n DatepickerComponent,\\n DatepickerCalendarComponent,\\n TimedNoticeComponent,\\n FormMessageComponent,\\n FormMessageDirective,\\n CircleComponent,\\n];\\n\\nconst pipes = [\\n SafeHtmlPipe,\\n NotificationSeverityToHeaderIconPipe,\\n TimedNoticeSeverityToIconPipe,\\n FormMessageSeverityToHeaderIconPipe,\\n ToStepCircleSeverityPipe,\\n ToStepCircleIconNamePipe,\\n];\\n\\nconst directives = [DataAttributeDirective];\\n\\n@NgModule({\\n imports: [\\n CommonModule,\\n TextFieldModule,\\n ReactiveFormsModule,\\n FormsModule,\\n A11yModule,\\n ],\\n declarations: [...components, ...pipes],\\n exports: [...components, ...pipes, ...directives],\\n providers: [\\n ...pipes,\\n {\\n provide: TOAST_CONFIG,\\n useValue: {\\n default: DefaultToastConfig,\\n },\\n },\\n {\\n provide: DATEPICKER_LABEL_CONFIG,\\n useValue: new DefaultDatepickerLabelConfig(),\\n },\\n ],\\n})\\nexport class UiModule {\\n constructor(private registry: IconsRegistry) {\\n this.registry.registerIcons([\\n cviCall,\\n cviClose,\\n cviInfo,\\n cviCheckCircleOutline,\\n cviCheck,\\n cviWarningAmber,\\n cviErrorOutline,\\n cviLoupe,\\n cviArrowALeft,\\n cviArrowARight,\\n cviArrowBLeft,\\n cviArrowBRight,\\n cviSadFace,\\n cviHappyFace,\\n cviScreenShare,\\n cviSuccess,\\n cviEmail,\\n cviLocation,\\n cviArrowDown,\\n cviArrowUp,\\n cviEditSimple,\\n cviArrowUpAlt,\\n cviArrowDownAlt,\\n cviCalendar,\\n cviInputError,\\n cviOpenInNew,\\n cviFilter,\\n ]);\\n }\\n}\\n","children":[{"type":"providers","elements":[]},{"type":"declarations","elements":[{"name":"FormMessageSeverityToHeaderIconPipe"},{"name":"NotificationSeverityToHeaderIconPipe"},{"name":"SafeHtmlPipe"},{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"},{"name":"TimedNoticeSeverityToIconPipe"},{"name":"ToStepCircleIconNamePipe"},{"name":"ToStepCircleSeverityPipe"}]},{"type":"imports","elements":[]},{"type":"exports","elements":[{"name":"DataAttributeDirective"},{"name":"FormMessageSeverityToHeaderIconPipe"},{"name":"NotificationSeverityToHeaderIconPipe"},{"name":"SafeHtmlPipe"},{"name":"StorybookColorCardComponent"},{"name":"StorybookColorCardsComponent"},{"name":"StorybookCurrentComponentDirective"},{"name":"StorybookIconCardComponent"},{"name":"StorybookIconCardsComponent"},{"name":"StorybookInputDirective"},{"name":"StorybookNoteComponent"},{"name":"StorybookRandomParagraphsDirective"},{"name":"StorybookSpacingSpecimenComponent"},{"name":"StorybookSpacingSpecimenItemComponent"},{"name":"StorybookTypeTesterComponent"},{"name":"TimedNoticeSeverityToIconPipe"},{"name":"ToStepCircleIconNamePipe"},{"name":"ToStepCircleSeverityPipe"}]},{"type":"bootstrap","elements":[]},{"type":"classes","elements":[]}]}],"miscellaneous":{"variables":[{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (flex only)\',\\n },\\n}"},{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (flex only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (grid only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (grid only)\',\\n },\\n}"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: InputComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    0 / 10
    \\n
    \\n
    \\n `,\\n})"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n
    0 / 2000
    \\n `,\\n})"},{"name":"circleSeverityPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleSeverityPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'none\',\\n properties: {\\n // Note that literal, non CSS-variable-like values like this need special treatment in the component logic\\n \'--background-color\': \'transparent\',\\n \'--progress-background-color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'success\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sea-green-10\',\\n \'--progress-background-color\': \'--cvi-color-sea-green-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'error\',\\n properties: {\\n \'--background-color\': \'--cvi-color-jasper-10\',\\n \'--progress-background-color\': \'--cvi-color-jasper-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'info\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--progress-background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"},{"name":"circleThemePropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleThemePropertyGroup[]","defaultValue":"[\\n {\\n theme: \'dark\',\\n properties: {\\n \'--border-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-sapphire-blue-13\',\\n },\\n },\\n {\\n theme: \'light\',\\n properties: {\\n \'--border-color\': \'--cvi-color-white\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"},{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/storybook.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n StorybookColorCardsComponent,\\n StorybookColorCardComponent,\\n StorybookIconCardsComponent,\\n StorybookIconCardComponent,\\n StorybookTypeTesterComponent,\\n StorybookNoteComponent,\\n StorybookSpacingSpecimenComponent,\\n StorybookSpacingSpecimenItemComponent,\\n StorybookRandomParagraphsDirective,\\n StorybookCurrentComponentDirective,\\n StorybookInputDirective,\\n]"},{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n TrackComponent,\\n ContentContainerComponent,\\n ContentPanelComponent,\\n StatusBadgeComponent,\\n ButtonComponent,\\n InputComponent,\\n FormItemComponent,\\n IconComponent,\\n LabeledIconComponent,\\n StepsComponent,\\n StepComponent,\\n StepPanelComponent,\\n RadioGroupComponent,\\n RadioButtonComponent,\\n OptionButtonComponent,\\n FeedbackComponent,\\n TextareaComponent,\\n HtmlSectionComponent,\\n AccordionComponent,\\n AccordionItemDirective,\\n AccordionContentDirective,\\n AccordionTitleDirective,\\n AccordionHeaderDirective,\\n TableOfContentsSectionDirective,\\n TableOfContentsWrapperComponent,\\n TableOfContentsComponent,\\n TableOfContentsItemComponent,\\n GeneratedTableOfContentsComponent,\\n NotificationComponent,\\n BreadcrumbsComponent,\\n SelectComponent,\\n SelectNavigationDirective,\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n DataAttributeDirective,\\n TooltipComponent,\\n TooltipDirective,\\n TabComponent,\\n TabGroupComponent,\\n TabsComponent,\\n ToastComponent,\\n ToastContainerComponent,\\n CharacterCounterComponent,\\n CharacterCounterDirective,\\n ModalComponent,\\n ModalDirective,\\n ConfirmationModalComponent,\\n ReorderableListComponent,\\n ReorderableListItemComponent,\\n TableComponent,\\n ScreenreaderTextComponent,\\n BodyCellComponent,\\n HeaderCellComponent,\\n DatepickerComponent,\\n DatepickerCalendarComponent,\\n TimedNoticeComponent,\\n FormMessageComponent,\\n FormMessageDirective,\\n CircleComponent,\\n]"},{"name":"CustomBorderTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: CircleComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"DATA_ATTRIBUTE_TOKEN","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/directives/data-attribute.directive.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\\n \'DATA_ATTRIBUTE_TOKEN\',\\n {\\n providedIn: \'root\',\\n factory: () => \'cy\',\\n }\\n)"},{"name":"DATEPICKER_LABEL_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'datepicker.label.config\')"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"DefaultToastConfig","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"ToastConfig","defaultValue":"{\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n}"},{"name":"DefaultWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"directives","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[DataAttributeDirective]"},{"name":"Disabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledTemplate.bind({})"},{"name":"DisabledBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledBackgroundTemplate.bind({})"},{"name":"DisabledBackgroundTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"DisabledTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"},{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateError.bind({})"},{"name":"Form","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"FormGroupTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n minRows: 3,\\n selectedValue: selectedValue,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    Inserted value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: DatepickerComponent\\n) => {\\n const form = new FormGroup({\\n date: new FormControl(\'04.05.2023\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.date.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n function disableInput() {\\n form.controls.item.disable();\\n }\\n\\n function enableInput() {\\n form.controls.item.enable();\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n disableInput,\\n enableInput,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n Disable input\\n Enable input\\n \\n
    \\n\\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    Selected value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"},{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/ria-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"},{"name":"getStatusBadgeLabelBySeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"(severity: any) =>\\n statuses.find((st: any) => st.severity === severity)?.label"},{"name":"HeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeadingsWithIds.bind({})"},{"name":"icons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Object.entries(iconsModule)\\n .filter((item) => item[0] !== \'completeIconSet\')\\n .map(([, v]) => v) as CviIcon[]"},{"name":"iconSizeDefault","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"24"},{"name":"InContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateInContactsBlock.bind({})"},{"name":"InDebugMode","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"inputComponentValueAccessor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => InputComponent),\\n multi: true,\\n}"},{"name":"inputModes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'numeric\',\\n}"},{"name":"inputRegex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: /\\\\D/g,\\n}"},{"name":"ItemsCenteredHorizontally","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ItemsCenteredVertically","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"List","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LoadingState","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"LoadingStateTemplate.bind({})"},{"name":"LoadingStateTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"MobileWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"ModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpenWithoutButton.bind({})"},{"name":"Multiline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"},{"name":"NestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateNestedTracks.bind({})"},{"name":"Neutral","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"nextUniqueId","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"0"},{"name":"ObjectsAsItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ObjectsAsItemsTemplate.bind({})"},{"name":"ObjectsAsItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n searchFn: (term: string, item: any) => {\\n console.log(\'custom searchFn works!\');\\n return (\\n `${item.name} (${item.code})`\\n .toLowerCase()\\n .indexOf(term.toLowerCase()) > -1\\n );\\n },\\n valueFormatFn: (item: any) => `${item.name} (${item.code})`,\\n },\\n /* template */\\n template: `\\n \\n Use this approach when you provide objects as items and need to mix and match different properties of an item object in an option template. In addition to templates, you need to supply valueFormatFn input as well, in order for the chosen value to appear correctly.\\n \\n
    \\n \\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n \\n
    \\n `,\\n})"},{"name":"OnNonWhiteBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOpenOnLoad.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"options","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n]"},{"name":"patterns","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'[0-9]*\',\\n}"},{"name":"pipes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n SafeHtmlPipe,\\n NotificationSeverityToHeaderIconPipe,\\n TimedNoticeSeverityToIconPipe,\\n FormMessageSeverityToHeaderIconPipe,\\n ToStepCircleSeverityPipe,\\n ToStepCircleIconNamePipe,\\n]"},{"name":"ReorderableListMultipleFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListMultipleTracksAndFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleTracksAndFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleTracksAndFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListSingleFormItem","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListSingleFormItemTemplate.bind({})"},{"name":"ReorderableListSingleFormItemTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"SortedItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"SortedItemsTemplate.bind({})"},{"name":"SortedItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n function sortItemsFn(a: string, b: string): number {\\n return a.localeCompare(b, \'et\');\\n }\\n\\n return {\\n props: {\\n ...args,\\n sortItemsFn: sortItemsFn,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"statusBadgeCustomPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","type":"StatusBadgeCustomPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'info\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sapphire-blue-10\',\\n \'--background-color\': \'--cvi-color-sapphire-blue-0\',\\n \'--border-color\': \'--cvi-color-sapphire-blue-10\',\\n },\\n },\\n {\\n severity: \'success\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sea-green-11\',\\n \'--background-color\': \'--cvi-color-sea-green-0\',\\n \'--border-color\': \'--cvi-color-sea-green-11\',\\n },\\n },\\n {\\n severity: \'warning\',\\n customProperties: {\\n \'--color\': \'--cvi-color-dark-tangerine-15\',\\n \'--background-color\': \'--cvi-color-dark-tangerine-1\',\\n \'--border-color\': \'--cvi-color-dark-tangerine-10\',\\n },\\n },\\n ]"},{"name":"statuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n {\\n severity: \'info\',\\n label: \'Avaldamise ootel\',\\n },\\n {\\n severity: \'warning\',\\n label: \'Mustand\',\\n },\\n {\\n severity: \'success\',\\n label: \'Avaldatud\',\\n },\\n]"},{"name":"storybookIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"CviIcon[]","defaultValue":"icons"},{"name":"storybookIconsNames","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"icons.map((item) => item.name)"},{"name":"storybookRandomParagraphs","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"[\\n `As soon as the sea swallows the earth, two brothers shall bring a rise of faith.`,\\n `It shall be then, when the ground shifts, a suspicious malfunction shall cause an age of misfortune and the downfall of an empire.`,\\n `When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.`,\\n `It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.`,\\n `It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.`,\\n `It shall be on the day that steel turns to rust, two enemies shall cause the toppling of leaders and the beginning of a better future.`,\\n `The day the rain returns, a victory shall mark an end to hunger and the end of wealth.`,\\n `When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.`,\\n `As soon as the sun turns dark, a sudden death shall cause a generation of health and an age of misfortune.`,\\n `The day fire burns blue, the prophet shall cause an age of anarchy.`,\\n `When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.`,\\n `When the moment comes that one becomes many and many becomes one, a man clad in green shall bring forth the dawn of evil and a time of peace.`,\\n `There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.`,\\n `When the day comes that the sky falls, a forced marriage shall bring forth an age of anarchy.`,\\n `Upon the day all is celebrated, a refusal shall cause the rise of education.`,\\n `The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.`,\\n `The day temptation is too strong, the foreign one shall bring forth an age of misfortune and the end of history.`,\\n `It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.`,\\n `When the moment comes that the dead rise, the accused shall cause an age of lawlessness.`,\\n `There comes a day when prey kills predator, the young one shall usher forth a strengthening of bonds and new aggressions.`,\\n `When the sky turns red, a marriage shall usher forth the end of history.`,\\n `Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.`,\\n `It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.`,\\n `Once the sky is thick with water, a forbidden relationship shall cause the downfall of two kingdoms.`,\\n `The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.`,\\n `Upon the day the rivers turn green, the stranger shall mark a shift in power.`,\\n `When the day comes that temptation is too strong, the guilty shall mark an age of justice and the dawn of men.`,\\n `As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.`,\\n `By profession he was a dealer in animals, birds, and snakes. He had a fancier\'s shop in Groome street, in the heart of the Bowery. This was on the ground-floor. His living abode was in the upper story of that house, and it was there that he kept the twenty-three cats whose necks were adorned with leather collars, and whose numbers had so recently been reduced to twenty-two. But it was not the fact that he possessed twenty-three cats with leather collars that made Mr. Jarvis a celebrity.`,\\n `Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.`,\\n `\\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"`,\\n `A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.`,\\n `\\"Too decorous, Comrade Jackson. I came over here principally, it is true, to be at your side, should you be in any way persecuted by scoundrels. But at the same time I confess that at the back of my mind there lurked a hope that stirring adventures might come my way. I had heard so much of the place. Report had it that an earnest seeker after amusement might have a tolerably spacious rag in this modern Byzantium. I thought that a few weeks here might restore that keen edge to my nervous system which the languor of the past term had in a measure blunted. I wished my visit to be a tonic rather than a sedative. I anticipated that on my return the cry would go round Cambridge, \'Psmith has been to New York. He is full of oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff. Rah!\' But what do we find?\\"`,\\n `Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.`,\\n `By the time that Pugsy returned, carrying a five-cent bottle of milk, the animal had vacated the book-shelf, and was sitting on the table, washing her face. The milk having been poured into the lid of a tobacco-tin, in lieu of a saucer, she suspended her operations and adjourned for refreshments. Billy, business being business, turned again to Luella Granville Waterman, but Pugsy, having no immediate duties on hand, concentrated himself on the cat.`,\\n `This Pokemon is a ground-type Pokemon and looks a lot like a rhinoceros. It has thick legs, a tusked mouth and broken ears. They\'re generally shy by nature and can often be found in mountainous areas. If you\'re out looking for them they can often be seen hidden away and on their own. It tends to attack with Spikes and Mud Bomb. It has evolved twice, but can still evolve once more.`,\\n `This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has stubby fins, pure white scales and a cavernous mouth. They\'re generally energetic by nature and can often be found during a blizzard. If you\'re out looking for them they can often be seen among many other kinds of Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.`,\\n `This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.`,\\n]"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateSuccess.bind({})"},{"name":"Tablet","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HierarchicalBoxDiagramComponent\\n) => ({\\n props: args,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: AccordionComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n \\n \\n Qua qua\\n \\n \\n \\n \\n Howdy!\\n \\n \\n \\n \\n One helluva content\\n \\n \\n \\n \\n

    {{elem.content}}

    \\n     \\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
      \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Viimati muudetud 23.12.2023 | Teksti koostas Justiitsministeerium\\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Che cosa...\\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Not possible to see me!\\n
      \\n
      \\n
      • \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: BreadcrumbsComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ButtonComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentPanelComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    {{ title }}

    \\n {{ content }}\\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentContainerComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n {{ content }}\\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: DatepickerComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Nõutud kuupäeva formaat: dd.MM.yyyy\\n \\n
    \\n \\n
    \\n
    \\n
    06.06.2023
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    Juuni 2023
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    E
    \\n
    T
    \\n
    K
    \\n
    N
    \\n
    R
    \\n
    L
    \\n
    P
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormItemComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormMessageComponent) => ({\\n props: {\\n ...args,\\n selectItems: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: HtmlSectionComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Some title

    \\n
    \\n
    \\n

    Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

    \\n
    \\n
    \\n

    Ordered list

    \\n
      \\n
    1. Item 1
      2. \\n
    2. Item 2
      3. \\n
    \\n

    Unordered list

    \\n
      \\n
    • Item 1
      • \\n
    • Item 2
      • \\n
    • Item 3
      • \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ModalComponent) => ({\\n props: args,\\n template: `\\n \\n

    {{ testModalTitle }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    {{ title }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n

    Hi!

    \\n
    \\n

    I\'m modal

    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: NotificationComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{content}}\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n
    \\n
    \\n \\n \\n \\n \\n \\n
    \\n

    Notification title

    \\n
    \\n
    \\n Some content for the notification that might be excessively long and contain some parts that are not very important.\\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ScreenreaderTextComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StatusBadgeComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    {{ content }}
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    {{ placeholder }}
    \\n
    \\n
    \\n \\n
    \\n \\n \\n \\n \\n \\n
    \\n
    \\n
    \\n
      \\n
    • \\n Item 1 that is not that short but actually quite long\\n
      • \\n
    • \\n Current item 2\\n
      • \\n
    • \\n Item selected from keyboard\\n
      • \\n
    • \\n Item 4\\n
      • \\n
    • \\n Item 5\\n
      • \\n
    • \\n Item 6 with a very long text spanning many lines\\n
      • \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => ({\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    Sündmusteenus
    \\n     		\\n
    Staatus
    \\n     		\\n
    Viimati muudetud
    \\n
    \\n
    Abiellumine
    \\n     		\\n
    Mustand
    \\n     		\\n
    2021-07-15
    \\n     		\\n
    \\n
    \\n \\n \\n
    \\n
    \\n
    \\n
    Meteoroloogiateenistus
    \\n     		\\n
    Avaldatud
    \\n     		\\n
    2018-07-17
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    Geoloogilise luure teenistus
    \\n     		\\n
    Avaldamise ootel
    \\n     		\\n
    2016-07-05
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabGroupComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n
    \\n \\n Tab 1\\n \\n \\n \\n \\n \\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TextareaComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TimedNoticeComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n \\n \\n \\n kohustust täitma\\n \\n    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n

    \\n \\n \\n \\n \\n \\n {{ title }}\\n \\n

    \\n
    {{ content }}
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n

    \\n Hover over this element to display tooltip\\n

    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n
    \\n
    \\n This is a tooltip\\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipComponentWithCustomArgs\\n) => ({\\n props: {\\n ...args,\\n width: document.body.getBoundingClientRect().width,\\n height: document.body.getBoundingClientRect().height,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Cancel\\n Submit\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FeedbackComponent) => ({\\n props: args,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: LabeledIconComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n
    {{ content }}
    \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: RadioGroupComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n \\n
    2
    \\n \\n
    \\n
    And so am I
    \\n
    \\n
    \\n \\n
    \\n \\n
    1
    \\n \\n
    \\n
    Me as well
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepPanelComponent) => ({\\n component: StepPanelComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ content }}\\n \\n \\n \\n \\n Some content\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepComponent) => ({\\n component: StepComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Some content for the first step\\n \\n \\n \\n \\n Some more content\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n return {\\n component: StepsComponent,\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n \\n \\n
    \\n Textarea, input and the character counter directive should work properly inside steps.\\n \\n \\n \\n
    \\n     \\n     \\n     \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Abiellumine

    \\n
    \\n

    You can now add custom content before steps

    \\n
    \\n
      \\n
    1. \\n
    \\n
    \\n \\n \\n 1\\n \\n Abiellumine\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n \\n \\n \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n \\n
    \\n
    \\n
    \\n

    Second

    \\n

    \\n Fetal stemcells, aren\'t those controversial? In your time, yes, but nowadays shut up! Besides, these are\\n adult stemcells,\\n harvested from perfectly healthy adults whom I killed for their stemcells. Bender?! You stole the atom.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n styles: [\\n `\\n .cvi-steps {\\n --current-step: \'2\';\\n }\\n `,\\n ],\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n
    \\n\\n
    \\n

    Section Two

    \\n

    Happily wall anything pleasant court made vegetable freedom printed plate education six longer anyway mill forty active manufacturing struggle darkness teach round further handle.

    \\n

    so image across automobile twenty how some fight earn fireplace elephant flow cat slightly factor free mighty most fox taken seldom rhyme especially upper.

    \\n
    \\n\\n
    \\n

    Section Three

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of\\n peace and an age of failing crops.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    When the moment comes that one becomes many and many becomes one, a man\\n clad in green shall bring forth the dawn of evil and a time of peace.

    \\n

    The day the rain returns, a victory shall mark an end to hunger and the\\n end of wealth.

    \\n

    As soon as the sun turns dark, a sudden death shall cause a generation of\\n health and an age of misfortune.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It\\n has a glowing snout, camouflaged fur and fat legs. They\'re generally timid\\n by nature and can often be found near sanctuaries. If you\'re out looking\\n for them they can often be seen on their own. It tends to attack with\\n Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has\\n stubby fins, pure white scales and a cavernous mouth. They\'re generally\\n energetic by nature and can often be found during a blizzard. If you\'re\\n out looking for them they can often be seen among many other kinds of\\n Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.

    \\n
    \\n\\n
    \\n

    Section Four

    \\n

    When the moment comes that the dead rise, the accused shall cause an age\\n of lawlessness.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It\\n has snowy legs, an icicle covered tail and frosty ears. They\'re generally\\n playful by nature and can often be found in winter. If you\'re out looking\\n for them they can often be seen lurking about and on their own. It tends\\n to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no\\n known evolutions.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall\\n bring the end of leadership.

    \\n

    \\"Too decorous, Comrade Jackson. I came over here principally, it is true,\\n to be at your side, should you be in any way persecuted by scoundrels. But\\n at the same time I confess that at the back of my mind there lurked a hope\\n that stirring adventures might come my way. I had heard so much of the\\n place. Report had it that an earnest seeker after amusement might have a\\n tolerably spacious rag in this modern Byzantium. I thought that a few\\n weeks here might restore that keen edge to my nervous system which the\\n languor of the past term had in a measure blunted. I wished my visit to be\\n a tonic rather than a sedative. I anticipated that on my return the cry\\n would go round Cambridge, \'Psmith has been to New York. He is full of\\n oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is\\n hot stuff. Rah!\' But what do we find?\\"

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green\\n shall bring forth a rise of faith.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    By the time that Pugsy returned, carrying a five-cent bottle of milk, the\\n animal had vacated the book-shelf, and was sitting on the table, washing\\n her face. The milk having been poured into the lid of a tobacco-tin, in\\n lieu of a saucer, she suspended her operations and adjourned for\\n refreshments. Billy, business being business, turned again to Luella\\n Granville Waterman, but Pugsy, having no immediate duties on hand,\\n concentrated himself on the cat.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young\\n man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right\\n here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth\\n bloodshed of blue blood and the return of monsters.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n

    Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    \\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"

    \\n

    It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.

    \\n

    As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n
    \\n
    \\n

    Section One

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n

    Section Two

    \\n

    \\n Billy Windsor had started life twenty-five years before this story\\n opens on his father\'s ranch in Wyoming. From there he had gone to a\\n local paper of the type whose Society column consists of such items as\\n \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap\\n skates. We take this opportunity of once more informing Jim that he is\\n a liar and a skunk,\\" and whose editor works with a revolver on his\\n desk and another in his hip-pocket. Graduating from this, he had\\n proceeded to a reporter\'s post on a daily paper in a Kentucky town,\\n where there were blood feuds and other Southern devices for preventing\\n life from becoming dull. All this time New York, the magnet, had been\\n tugging at him. All reporters dream of reaching New York. At last,\\n after four years on the Kentucky paper, he had come East, minus the\\n lobe of one ear and plus a long scar that ran diagonally across his\\n left shoulder, and had worked without much success as a free-lance. He\\n was tough and ready for anything that might come his way, but these\\n things are a great deal a matter of luck. The cub-reporter cannot make\\n a name for himself unless he is favoured by fortune. Things had not\\n come Billy Windsor\'s way. His work had been confined to turning in\\n reports of fires and small street accidents, which the various papers\\n to which he supplied them cut down to a couple of inches.\\n

    \\n
    \\n
    \\n

    Section Three

    \\n

    \\n A waiter made an ingratiating gesture towards the basket, but the\\n young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays\\n right here.\\" He placed it carefully on the floor beside his chair, and\\n proceeded to order dinner.\\n

    \\n
    \\n
    \\n

    Section Four

    \\n

    \\n \\"Too decorous, Comrade Jackson. I came over here principally, it is\\n true, to be at your side, should you be in any way persecuted by\\n scoundrels. But at the same time I confess that at the back of my mind\\n there lurked a hope that stirring adventures might come my way. I had\\n heard so much of the place. Report had it that an earnest seeker after\\n amusement might have a tolerably spacious rag in this modern\\n Byzantium. I thought that a few weeks here might restore that keen\\n edge to my nervous system which the languor of the past term had in a\\n measure blunted. I wished my visit to be a tonic rather than a\\n sedative. I anticipated that on my return the cry would go round\\n Cambridge, \'Psmith has been to New York. He is full of oats. For he on\\n honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff.\\n Rah!\' But what do we find?\\"\\n

    \\n
    \\n
    \\n

    Section Five

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    Sisukord

    \\n \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsItemComponent\\n) => ({\\n component: TableOfContentsItemComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom header with custom HTML and a button

    \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateEdgeTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n

    When tooltip elements are located near the right or left side of the window,

    \\n

    the tooltip is not centered above the element. Instead, tooltips are moved

    \\n

    away from the sides to prevent being hidden behind the edge.

    \\n     \\n     \\n\\n
    \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n Some words here\\n \\n
    \\n `,\\n})"},{"name":"TemplateError","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateHeaderTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipDirective\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n
    \\n\\n \\n \\n

    When tooltip elements are located near the top edge of the window,

    \\n

    the tooltip is hidden above the window edge. To avoid this problem,

    \\n

    tooltip should not be placed to the top of the window.

    \\n     \\n     \\n `,\\n})"},{"name":"TemplateHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom title with custom HTML and a flag

    \\n \\n \\n \\n \\n \\n \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateInContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HtmlSectionComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n styles: [\\n `.container {\\n width: 400px;\\n background-color: var(--cvi-color-black-coral-2);\\n padding: 20px;\\n }`,\\n ],\\n})"},{"name":"TemplateManyItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Button 1\\n Button with another label\\n Button 3\\n Button 4\\n Button the Fifth\\n Button of the Lucky Scrambler\\n Button numero Seven\\n Button 8\\n Button 9\\n \\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n \\n `,\\n})"},{"name":"TemplateNestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n This story is to verify a bug where a nested track with horizontalAlignment=left can\'t override the same prop of an ancestor track.
    Here, the parent track is set to right and nested track to left. The nested track therefore must not align to right for the correct behaviour.    \\n \\n
    Item 1
    \\n \\n
    Nested track with horizontalAlignment=\\"left\\": Item 2.1
    And some filler easy view fifty tell string park its easier large read help ship younger rising gate hundred silk policeman dear hidden powerful table further mission
    \\n
    Nested track: Item 2.2
    \\n     \\n     \\n `,\\n})"},{"name":"TemplateObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n labels$: from([[\'First\', \'Second\', \'Third\']]).pipe(\\n concatMap((item) => of(item).pipe(delay(withObservableTitlesDelay)))\\n ),\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n {{ label }}\\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    When hovering on the questionmark, a tooltip appears.

    \\n

    When clicking just on the tooltip, nothing should happen.

    \\n

    When clicking on just the button but not the tooltip, a box appears.

    \\n

    Clicking on a tooltip should not activate any other elements.

    \\n     \\n\\n \\n \\n Click\\n \\n \\n \\n \\n\\n \\n

    This should only appear when clicking on a button, not on the tooltip

    \\n     \\n `,\\n})"},{"name":"TemplateOpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n progress$: from([20, 40, 60, 80, 100]).pipe(\\n concatMap((item) => of(item).pipe(delay(800)))\\n ),\\n },\\n template: `\\n \\n {{ progress }}\\n \\n `,\\n})"},{"name":"TemplateSuccess","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n Lisainfo\\n     \\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateWithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: LabeledIconComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n `\\n ::ng-deep .icon-wrapper-class {\\n border: 1px green solid;\\n }\\n `,\\n ],\\n})"},{"name":"TemplateWithFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n

    This story compares two layout methods, with some adaptations made for using track with form items.

    \\n

    In the first track CSS flex layout is used, so the last item may expand to full width in a separate row if it lacks space. Note that setting CSS variables for cvi-textfield component may be required.

    \\n

    In the second track CSS grid layout is used, so the size of all items will always be the same.

    \\n

    You can use controls below in \\"Playground\\" section to add more items.

    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: BreadcrumbsComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n
    \\n {{ content }}\\n \\n \\n \\n
    \\n     \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n\\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream.\\n Except you were there, and you were there, and you were there! And when we\\n woke up, we had these bodies. I could if you hadn\'t turned on the light and\\n shut off my stereo.\\n\\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n \\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"TemplateWithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n

    Modal 1 content

    \\n \\n

    {{ testModalTitle }}

    \\n

    Modal 2 content

    \\n     \\n Open modal 2 inside modal 1\\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateWithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateWithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateWithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableOfContentsWrapperComponent) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithStepStatus","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Status is set to \'null\'.\\n \\n \\n \\n \\n Success status!\\n \\n \\n \\n \\n Status is not set.\\n \\n \\n \\n \\n Error status!\\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n To change color of an icon, just add fill CSS property either to icon component selector itself or its ancestor. It is not required to apply fill to SVG node itself.\\n \\n
    \\n \\n
    \\n `,\\n styles: [\\n `.wrapper-class {\\n fill: red;\\n }`,\\n ],\\n})"},{"name":"TemplateWithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"TemplateWithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null),\\n });\\n\\n return {\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n form: form,\\n },\\n /* template */\\n template: `\\n \\n\\n \\n \\n \\n \\n \\n \\n \\n Lisa uus sündmusteenus\\n \\n \\n \\n\\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n\\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n };\\n}"},{"name":"TemplateWithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n     \\n `,\\n})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"textareaComponentProvider","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => TextareaComponent),\\n multi: true,\\n}"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"title","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"string","defaultValue":"\'Did you find what you were looking for?\'"},{"name":"TOAST_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'ToastConfig\')"},{"name":"Tooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TooltipNearSideEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateEdgeTest.bind({})"},{"name":"TooltipNearTopEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeaderTest.bind({})"},{"name":"TooltipOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOnButton.bind({})"},{"name":"TooltipWithCustomZIndex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"UserCanAddItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"UserCanAddItemsTemplate.bind({})"},{"name":"UserCanAddItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n function addItem(text: string) {\\n return text;\\n }\\n\\n return {\\n props: {\\n ...args,\\n addItemFn: addItem,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"Vertical","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithBoundValues","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithBoundValuesTemplate.bind({})"},{"name":"WithBoundValuesTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n \\n Use bindValue and bindLabel inputs if you need to use custom item object properties, but don\'t want to supply fancy templates for option or selected value.\\n \\n
    \\n
    \\n \\n \\n \\n \\n
    \\n
    \\n
    Selected value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithCompactSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndCustomIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomBorderColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CustomBorderTemplate.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateCustomHeader.bind({})"},{"name":"WithCustomHeadingLevels","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomPlaceholder","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomStyling.bind({})"},{"name":"WithCustomValueFormatting","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithCustomValueFormattingTemplate.bind(\\n {}\\n)"},{"name":"WithCustomValueFormattingTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n
    \\n \\n \\n \\n `,\\n})"},{"name":"WithDisabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithEqualSizeFormItemsFlexRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridCol","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFlexLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormGroupTemplate.bind({})"},{"name":"WithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItemsComplex.bind({})"},{"name":"WithGridLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"},{"name":"WithHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHTMLInTitle.bind({})"},{"name":"WithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithHTMLSections.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithIconAfter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconBefore","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithIconsTemplate.bind({})"},{"name":"WithIconSmall","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FeedbackComponent\\n) => ({\\n props: args,\\n})"},{"name":"WithInlineFormElements","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithInlineFormElementsTemplate.bind({})"},{"name":"WithInlineFormElementsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: {\\n ...args,\\n items: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n The goal of this story is to verify that height of inline form components is the same.\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"WithLightTheme","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithModalInsideModal.bind({})"},{"name":"WithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithMultipleAsideItems.bind({})"},{"name":"WithNoTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateObservableTitles.bind({})"},{"name":"withObservableTitlesDelay","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"1000"},{"name":"WithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithoutTitle.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateProgress.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithProgress.bind({})"},{"name":"WithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithRandomText.bind({})"},{"name":"WithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSeverity.bind({})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepsAndHeadingsWithIds.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepStatuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepStatus.bind({})"},{"name":"WithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStyling.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSuffixIcon.bind({})"},{"name":"WithTextarea","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithTextareaTemplate.bind({})"},{"name":"WithTextareaTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"},{"name":"WithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithToolbar.bind({})"},{"name":"WithTooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithTranslations.bind({})"}],"functions":[{"name":"baseBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'"},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'"}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'","tagName":{"text":"param"}}]},{"name":"defaultBoxes","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"dottedBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"HttpLoaderFactory","file":"apps/ria/src/app/app.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"HttpLoaderFactory","file":"libs/storybook/src/lib/storybook.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"icons","file":"libs/icons/src/lib/icons.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"},{"name":"isBottomOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]},{"name":"isTopOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]},{"name":"storybook","file":"libs/storybook/src/lib/storybook.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"},{"name":"styles","file":"libs/styles/src/lib/styles.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}],"typealiases":[{"name":"AddItemFn","ctype":"miscellaneous","subtype":"typealias","rawtype":"function","file":"libs/ui/src/lib/select/select.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":178},{"name":"ArgsWithRepeatableFormItems","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187},{"name":"AttrNameValuePair","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"none\\" | \\"success\\" | \\"error\\" | \\"info\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleSeverityProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleSeverityPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleTheme","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"dark\\" | \\"light\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleThemeProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleThemePropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"Device","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"desktop\\" | \\"tablet\\" | \\"mobile\\"","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"FormMessageSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"warning\\" | \\"error\\"","file":"libs/ui/src/lib/form-message/form-message.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"Gap","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":193},{"name":"LabeledIconPosition","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"before\\" | \\"after\\"","file":"libs/ui/src/lib/icons/icon-position.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"LabeledIconVerticalAlignment","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"normal\\" | \\"center\\"","file":"libs/ui/src/lib/icons/labeled-icon/vertical-alignment.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"Mapped","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":188},{"name":"MAXIMUM_ALLOWED_GAP_IN_UNITS","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":195},{"name":"NotificationSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\" | \\"error\\" | \\"neutral\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"NotificationSize","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"regular\\" | \\"compact\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"StatusBadgeCustomProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeCustomPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\"","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"TimedNoticeAsideItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"TimedNoticeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"error\\"","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"TocItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"TooltipComponentWithCustomArgs","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187},{"name":"ValidationType","ctype":"miscellaneous","subtype":"typealias","rawtype":"null | \\"positiveNumbers\\"","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"enumerations":[{"name":"ButtonAppearance","childs":[{"name":"PRIMARY","deprecated":false,"deprecationMessage":"","value":"primary"},{"name":"SECONDARY","deprecated":false,"deprecationMessage":"","value":"secondary"},{"name":"TEXT","deprecated":false,"deprecationMessage":"","value":"text"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"},{"name":"ButtonSize","childs":[{"name":"S","deprecated":false,"deprecationMessage":"","value":"s"},{"name":"M","deprecated":false,"deprecationMessage":"","value":"m"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"},{"name":"RadioGroupAppearance","childs":[{"name":"REGULAR","deprecated":false,"deprecationMessage":"","value":"regular"},{"name":"COMPACT","deprecated":false,"deprecationMessage":"","value":"compact"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.ts"}],"groupedVariables":{"libs/ui/src/lib/track/track.component.stories.ts":[{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (flex only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Inputs (grid only)\',\\n },\\n}"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ItemsCenteredHorizontally","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ItemsCenteredVertically","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Multiline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"},{"name":"NestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateNestedTracks.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Cancel\\n Submit\\n \\n `,\\n})"},{"name":"TemplateManyItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n Button 1\\n Button with another label\\n Button 3\\n Button 4\\n Button the Fifth\\n Button of the Lucky Scrambler\\n Button numero Seven\\n Button 8\\n Button 9\\n \\n `,\\n})"},{"name":"TemplateNestedTracks","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TrackComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n This story is to verify a bug where a nested track with horizontalAlignment=left can\'t override the same prop of an ancestor track.
    Here, the parent track is set to right and nested track to left. The nested track therefore must not align to right for the correct behaviour.    \\n \\n
    Item 1
    \\n \\n
    Nested track with horizontalAlignment=\\"left\\": Item 2.1
    And some filler easy view fifty tell string park its easier large read help ship younger rising gate hundred silk policeman dear hidden powerful table further mission
    \\n
    Nested track: Item 2.2
    \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TrackComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n

    This story compares two layout methods, with some adaptations made for using track with form items.

    \\n

    In the first track CSS flex layout is used, so the last item may expand to full width in a separate row if it lacks space. Note that setting CSS variables for cvi-textfield component may be required.

    \\n

    In the second track CSS grid layout is used, so the size of all items will always be the same.

    \\n

    You can use controls below in \\"Playground\\" section to add more items.

    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Vertical","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnly","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"VerticalReverseMobileOnlyMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithEqualSizeFormItemsFlexRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridCol","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithEqualSizeFormItemsGridRow","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFlexLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItems.bind({})"},{"name":"WithFormItemsComplex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithFormItemsComplex.bind({})"},{"name":"WithGridLayout","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateManyItems.bind({})"}],"libs/ui/src/lib/track/track.html.stories.ts":[{"name":"categoryFlex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (flex only)\',\\n },\\n}"},{"name":"categoryGrid","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n table: {\\n category: \'Props (grid only)\',\\n },\\n}"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/track/track.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/input/input.component.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: InputComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n function disableInput() {\\n form.controls.item.disable();\\n }\\n\\n function enableInput() {\\n form.controls.item.enable();\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n disableInput,\\n enableInput,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n Disable input\\n Enable input\\n \\n
    \\n\\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: InputComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/input/input.html.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    0 / 10
    \\n
    \\n
    \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n
    \\n `,\\n})"},{"name":"TemplateWithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithSuffixIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSuffixIcon.bind({})"}],"libs/ui/src/lib/textarea/textarea.component.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"FormGroupTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TextareaComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(\'initial value\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.item.value;\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n minRows: 3,\\n selectedValue: selectedValue,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    Inserted value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TextareaComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormGroupTemplate.bind({})"}],"libs/ui/src/lib/textarea/textarea.html.stories.ts":[{"name":"CharacterCounterTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n
    0 / 2000
    \\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"WithCharacterCounter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CharacterCounterTemplate.bind({})"}],"libs/ui/src/lib/circle/circle.ts":[{"name":"circleSeverityPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleSeverityPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'none\',\\n properties: {\\n // Note that literal, non CSS-variable-like values like this need special treatment in the component logic\\n \'--background-color\': \'transparent\',\\n \'--progress-background-color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'success\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sea-green-10\',\\n \'--progress-background-color\': \'--cvi-color-sea-green-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'error\',\\n properties: {\\n \'--background-color\': \'--cvi-color-jasper-10\',\\n \'--progress-background-color\': \'--cvi-color-jasper-10\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n {\\n severity: \'info\',\\n properties: {\\n \'--background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--progress-background-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"},{"name":"circleThemePropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","type":"CircleThemePropertyGroup[]","defaultValue":"[\\n {\\n theme: \'dark\',\\n properties: {\\n \'--border-color\': \'--cvi-color-sapphire-blue-13\',\\n \'--color\': \'--cvi-color-sapphire-blue-13\',\\n },\\n },\\n {\\n theme: \'light\',\\n properties: {\\n \'--border-color\': \'--cvi-color-white\',\\n \'--color\': \'--cvi-color-white\',\\n },\\n },\\n]"}],"libs/storybook/src/lib/storybook.module.ts":[{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/storybook.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n StorybookColorCardsComponent,\\n StorybookColorCardComponent,\\n StorybookIconCardsComponent,\\n StorybookIconCardComponent,\\n StorybookTypeTesterComponent,\\n StorybookNoteComponent,\\n StorybookSpacingSpecimenComponent,\\n StorybookSpacingSpecimenItemComponent,\\n StorybookRandomParagraphsDirective,\\n StorybookCurrentComponentDirective,\\n StorybookInputDirective,\\n]"}],"libs/ui/src/lib/ui.module.ts":[{"name":"components","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n TrackComponent,\\n ContentContainerComponent,\\n ContentPanelComponent,\\n StatusBadgeComponent,\\n ButtonComponent,\\n InputComponent,\\n FormItemComponent,\\n IconComponent,\\n LabeledIconComponent,\\n StepsComponent,\\n StepComponent,\\n StepPanelComponent,\\n RadioGroupComponent,\\n RadioButtonComponent,\\n OptionButtonComponent,\\n FeedbackComponent,\\n TextareaComponent,\\n HtmlSectionComponent,\\n AccordionComponent,\\n AccordionItemDirective,\\n AccordionContentDirective,\\n AccordionTitleDirective,\\n AccordionHeaderDirective,\\n TableOfContentsSectionDirective,\\n TableOfContentsWrapperComponent,\\n TableOfContentsComponent,\\n TableOfContentsItemComponent,\\n GeneratedTableOfContentsComponent,\\n NotificationComponent,\\n BreadcrumbsComponent,\\n SelectComponent,\\n SelectNavigationDirective,\\n LabelTemplateDirective,\\n OptionTemplateDirective,\\n DataAttributeDirective,\\n TooltipComponent,\\n TooltipDirective,\\n TabComponent,\\n TabGroupComponent,\\n TabsComponent,\\n ToastComponent,\\n ToastContainerComponent,\\n CharacterCounterComponent,\\n CharacterCounterDirective,\\n ModalComponent,\\n ModalDirective,\\n ConfirmationModalComponent,\\n ReorderableListComponent,\\n ReorderableListItemComponent,\\n TableComponent,\\n ScreenreaderTextComponent,\\n BodyCellComponent,\\n HeaderCellComponent,\\n DatepickerComponent,\\n DatepickerCalendarComponent,\\n TimedNoticeComponent,\\n FormMessageComponent,\\n FormMessageDirective,\\n CircleComponent,\\n]"},{"name":"directives","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[DataAttributeDirective]"},{"name":"pipes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/ui.module.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n SafeHtmlPipe,\\n NotificationSeverityToHeaderIconPipe,\\n TimedNoticeSeverityToIconPipe,\\n FormMessageSeverityToHeaderIconPipe,\\n ToStepCircleSeverityPipe,\\n ToStepCircleIconNamePipe,\\n]"}],"libs/ui/src/lib/circle/circle.component.stories.ts":[{"name":"CustomBorderTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: CircleComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n 4\\n `,\\n})"},{"name":"TemplateProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: CircleComponent) => ({\\n props: {\\n ...args,\\n progress$: from([20, 40, 60, 80, 100]).pipe(\\n concatMap((item) => of(item).pipe(delay(800)))\\n ),\\n },\\n template: `\\n \\n {{ progress }}\\n \\n `,\\n})"},{"name":"WithCustomBorderColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"CustomBorderTemplate.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithLightTheme","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateProgress.bind({})"}],"libs/ui/src/lib/directives/data-attribute.directive.ts":[{"name":"DATA_ATTRIBUTE_TOKEN","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/directives/data-attribute.directive.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\\n \'DATA_ATTRIBUTE_TOKEN\',\\n {\\n providedIn: \'root\',\\n factory: () => \'cy\',\\n }\\n)"}],"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts":[{"name":"DATEPICKER_LABEL_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'datepicker.label.config\')"}],"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HierarchicalBoxDiagramComponent\\n) => ({\\n props: args,\\n})"}],"libs/ui/src/lib/accordion/accordion.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: AccordionComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n \\n \\n Qua qua\\n \\n \\n \\n \\n Howdy!\\n \\n \\n \\n \\n One helluva content\\n \\n \\n \\n \\n

    {{elem.content}}

    \\n     \\n \\n     \\n `,\\n})"},{"name":"TemplateCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom header with custom HTML and a button

    \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n

    Custom title with custom HTML and a flag

    \\n \\n \\n \\n \\n \\n \\n \\n     \\n \\n

    Some content here. Yes! In your face, Gandhi! I\'ll get my kit! And I\'d do it again! And perhaps a third time! But that would be it. What are you hacking off? Is it my torso?! \'It is!\' My precious torso! OK, if everyone\'s finished being stupid.

    \\n     \\n     \\n     \\n `,\\n})"},{"name":"WithCustomHeader","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateCustomHeader.bind({})"},{"name":"WithHTMLInTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHTMLInTitle.bind({})"}],"libs/ui/src/lib/accordion/accordion.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/accordion/accordion.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
      \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Viimati muudetud 23.12.2023 | Teksti koostas Justiitsministeerium\\n
      \\n
      \\n

      An accordion

      \\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Che cosa...\\n
      \\n
      \\n
      • \\n
    • \\n
      \\n \\n
      \\n
      \\n
      \\n Not possible to see me!\\n
      \\n
      \\n
      • \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ConfirmationModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n

    Are you sure about changes?

    \\n

    All will be lost!!!

    \\n     \\n     \\n Open modal\\n `,\\n})"}],"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: BreadcrumbsComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: BreadcrumbsComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n `,\\n})"}],"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/button/button.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ButtonComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ButtonComponent\\n) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconBefore","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithIconSmall","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/button/button.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Secondary","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Small","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateTextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button--text-decoration: none;\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"TemplateWithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n styles: [\\n `:host {\\n --cvi-button-color: var(--cvi-color-jasper-10);\\n --cvi-button-color--hover: var(--cvi-color-jasper-12);\\n }`,\\n ],\\n /* template */\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Text","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TextWithoutUnderline","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateTextWithoutUnderline.bind({})"},{"name":"WithCustomColor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/button/button.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomColor.bind({})"}],"libs/ui/src/lib/circle/circle.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"TemplateWithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"},{"name":"WithProgress","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithProgress.bind({})"},{"name":"WithSeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/circle/circle.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSeverity.bind({})"}],"libs/ui/src/lib/content-panel/content-panel.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentPanelComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"},{"name":"WithNoTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/content-panel/content-panel.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    {{ title }}

    \\n {{ content }}\\n
    \\n `,\\n})"}],"libs/ui/src/lib/content-container/content-container.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ContentContainerComponent\\n) => ({\\n props: args,\\n template: `\\n {{ content }}\\n `,\\n})"}],"libs/ui/src/lib/content-container/content-container.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/content-container/content-container.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n {{ content }}\\n
    \\n `,\\n})"}],"libs/ui/src/lib/datepicker/datepicker.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: DatepickerComponent\\n) => {\\n const form = new FormGroup({\\n date: new FormControl(\'04.05.2023\'),\\n });\\n\\n function selectedValue() {\\n return form.controls.date.value;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue,\\n onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n
    Inserted value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"OnNonWhiteBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: DatepickerComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"WithCustomPlaceholder","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithDisabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithFormGroup","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"}],"libs/ui/src/lib/datepicker/datepicker.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Nõutud kuupäeva formaat: dd.MM.yyyy\\n \\n
    \\n \\n
    \\n
    \\n
    06.06.2023
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    Juuni 2023
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    E
    \\n
    T
    \\n
    K
    \\n
    N
    \\n
    R
    \\n
    L
    \\n
    P
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/form-item/form-item.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormItemComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"},{"name":"WithInlineFormElements","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithInlineFormElementsTemplate.bind({})"},{"name":"WithInlineFormElementsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: {\\n ...args,\\n items: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n The goal of this story is to verify that height of inline form components is the same.\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"WithTextarea","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithTextareaTemplate.bind({})"},{"name":"WithTextareaTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FormItemComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/form-item/form-item.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-item/form-item.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n
    \\n `,\\n})"}],"libs/ui/src/lib/form-message/form-message.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FormMessageComponent) => ({\\n props: {\\n ...args,\\n selectItems: [\\n \'City of Sierra Nevada 1\',\\n \'City of Bilbao 2\',\\n \'valik 3 (cy test)\',\\n \'Rest queen discovery stood far everything keep aside merely girl two making inch hard example remove steel right silent trunk central refused other 4\',\\n \'City of London 5\',\\n \'Option 6 with enough text to feed a saltwater crocodile\',\\n \'Option 7 with enough text to feed a prehistoric jaguar\',\\n ],\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/form-message/form-message.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/html-section/html-section.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"InContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateInContactsBlock.bind({})"},{"name":"List","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: HtmlSectionComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateInContactsBlock","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: HtmlSectionComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n styles: [\\n `.container {\\n width: 400px;\\n background-color: var(--cvi-color-black-coral-2);\\n padding: 20px;\\n }`,\\n ],\\n})"}],"libs/ui/src/lib/html-section/html-section.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/html-section/html-section.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Some title

    \\n
    \\n
    \\n

    Võta ühendust perekonnaseisuasutusega, kus soovid abielu sõlmida

    \\n
    \\n
    \\n

    Ordered list

    \\n
      \\n
    1. Item 1
      2. \\n
    2. Item 2
      3. \\n
    \\n

    Unordered list

    \\n
      \\n
    • Item 1
      • \\n
    • Item 2
      • \\n
    • Item 3
      • \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/modal/modal.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ModalComponent) => ({\\n props: args,\\n template: `\\n \\n

    {{ testModalTitle }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateWithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ModalComponent\\n) => ({\\n props: args,\\n template: `\\n \\n

    Modal 1 content

    \\n \\n

    {{ testModalTitle }}

    \\n

    Modal 2 content

    \\n     \\n Open modal 2 inside modal 1\\n     \\n Open modal\\n `,\\n})"},{"name":"WithModalInsideModal","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithModalInsideModal.bind({})"}],"libs/ui/src/lib/modal/modal.directive.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpen.bind({})"},{"name":"ModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateModalOpenWithoutButton.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    {{ title }}

    \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpen","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"TemplateModalOpenWithoutButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n \\n `,\\n})"},{"name":"TemplateWithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n

    Modal content

    \\n     \\n Open modal\\n `,\\n})"},{"name":"WithoutTitle","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithoutTitle.bind({})"}],"libs/ui/src/lib/modal/modal.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/modal/modal.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n

    Hi!

    \\n
    \\n

    I\'m modal

    \\n
    \\n
    \\n
    \\n
    \\n \\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/notification/notification.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Neutral","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: NotificationComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{content}}\\n \\n `,\\n})"},{"name":"Warning","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndCustomIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCompactSizeAndIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/notification/notification.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/notification/notification.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n \\n
    \\n
    \\n
    \\n \\n \\n \\n \\n \\n
    \\n

    Notification title

    \\n
    \\n
    \\n Some content for the notification that might be excessively long and contain some parts that are not very important.\\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ScreenreaderTextComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"}],"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n `,\\n})"}],"libs/ui/src/lib/status-badge/status-badge.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StatusBadgeComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"WithTooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/status-badge/status-badge.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    {{ content }}
    \\n `,\\n})"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n
    \\n {{ content }}\\n \\n \\n \\n
    \\n     \\n `,\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"}],"libs/ui/src/lib/select/select.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Disabled","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledTemplate.bind({})"},{"name":"DisabledBackground","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"DisabledBackgroundTemplate.bind({})"},{"name":"DisabledBackgroundTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"DisabledTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"Form","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"FormTemplate.bind({})"},{"name":"FormTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    Selected value: {{selectedValue()}}
    \\n
    \\n `,\\n };\\n}"},{"name":"LoadingState","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"LoadingStateTemplate.bind({})"},{"name":"LoadingStateTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"ObjectsAsItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ObjectsAsItemsTemplate.bind({})"},{"name":"ObjectsAsItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n searchFn: (term: string, item: any) => {\\n console.log(\'custom searchFn works!\');\\n return (\\n `${item.name} (${item.code})`\\n .toLowerCase()\\n .indexOf(term.toLowerCase()) > -1\\n );\\n },\\n valueFormatFn: (item: any) => `${item.name} (${item.code})`,\\n },\\n /* template */\\n template: `\\n \\n Use this approach when you provide objects as items and need to mix and match different properties of an item object in an option template. In addition to templates, you need to supply valueFormatFn input as well, in order for the chosen value to appear correctly.\\n \\n
    \\n \\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n {{item.name}} ({{item.code}})\\n \\n \\n \\n
    \\n `,\\n})"},{"name":"SortedItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"SortedItemsTemplate.bind({})"},{"name":"SortedItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => {\\n function sortItemsFn(a: string, b: string): number {\\n return a.localeCompare(b, \'et\');\\n }\\n\\n return {\\n props: {\\n ...args,\\n sortItemsFn: sortItemsFn,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: SelectComponent) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n})"},{"name":"UserCanAddItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"UserCanAddItemsTemplate.bind({})"},{"name":"UserCanAddItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n function addItem(text: string) {\\n return text;\\n }\\n\\n return {\\n props: {\\n ...args,\\n addItemFn: addItem,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n
    \\n `,\\n };\\n}"},{"name":"WithBoundValues","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithBoundValuesTemplate.bind({})"},{"name":"WithBoundValuesTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => {\\n const form = new FormGroup({\\n item: new FormControl(null, Validators.required),\\n });\\n\\n function selectedValue() {\\n return form.getRawValue().item;\\n }\\n\\n function onSubmit(formValue: any) {\\n console.log(formValue);\\n }\\n return {\\n props: {\\n ...args,\\n form,\\n selectedValue: selectedValue,\\n onSubmit: onSubmit,\\n },\\n /* template */\\n template: `\\n \\n Use bindValue and bindLabel inputs if you need to use custom item object properties, but don\'t want to supply fancy templates for option or selected value.\\n \\n
    \\n
    \\n \\n \\n \\n \\n
    \\n
    \\n
    Selected value: {{selectedValue()}}
    \\n `,\\n };\\n}"},{"name":"WithCustomValueFormatting","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithCustomValueFormattingTemplate.bind(\\n {}\\n)"},{"name":"WithCustomValueFormattingTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: SelectComponent\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n \\n {{item}}\\n \\n \\n \\n \\n
    \\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/select/select.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/select/select.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    {{ placeholder }}
    \\n
    \\n
    \\n \\n
    \\n \\n \\n \\n \\n \\n
    \\n
    \\n
    \\n
      \\n
    • \\n Item 1 that is not that short but actually quite long\\n
      • \\n
    • \\n Current item 2\\n
      • \\n
    • \\n Item selected from keyboard\\n
      • \\n
    • \\n Item 4\\n
      • \\n
    • \\n Item 5\\n
      • \\n
    • \\n Item 6 with a very long text spanning many lines\\n
      • \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/table/table.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"getStatusBadgeLabelBySeverity","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"(severity: any) =>\\n statuses.find((st: any) => st.severity === severity)?.label"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"statuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n {\\n severity: \'info\',\\n label: \'Avaldamise ootel\',\\n },\\n {\\n severity: \'warning\',\\n label: \'Mustand\',\\n },\\n {\\n severity: \'success\',\\n label: \'Avaldatud\',\\n },\\n]"},{"name":"Tablet","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => ({\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableComponent) => {\\n const form = new FormGroup({\\n item: new FormControl(null),\\n });\\n\\n return {\\n props: {\\n ...args,\\n getStatusBadgeLabelBySeverity,\\n form: form,\\n },\\n /* template */\\n template: `\\n \\n\\n \\n \\n \\n \\n \\n \\n \\n Lisa uus sündmusteenus\\n \\n \\n \\n\\n \\n \\n {{ headerLabel }}\\n \\n \\n \\n \\n \\n\\n \\n {{ row.event }}\\n \\n \\n \\n {{ row.email }}\\n {{ row.lastChanged }}\\n \\n \\n \\n \\n \\n \\n \\n `,\\n };\\n}"},{"name":"WithToolbar","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithToolbar.bind({})"}],"libs/ui/src/lib/table/table.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table/table.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    Sündmusteenus
    \\n     		\\n
    Staatus
    \\n     		\\n
    Viimati muudetud
    \\n
    \\n
    Abiellumine
    \\n     		\\n
    Mustand
    \\n     		\\n
    2021-07-15
    \\n     		\\n
    \\n
    \\n \\n \\n
    \\n
    \\n
    \\n
    Meteoroloogiateenistus
    \\n     		\\n
    Avaldatud
    \\n     		\\n
    2018-07-17
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    Geoloogilise luure teenistus
    \\n     		\\n
    Avaldamise ootel
    \\n     		\\n
    2016-07-05
    \\n     		\\n
    \\n
    \\n \\n
    \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/tabs/tab-group.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabGroupComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n\\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream.\\n Except you were there, and you were there, and you were there! And when we\\n woke up, we had these bodies. I could if you hadn\'t turned on the light and\\n shut off my stereo.\\n\\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"}],"libs/ui/src/lib/tabs/tab-group.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"}],"libs/ui/src/lib/tabs/tabs.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n\\n return {\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n
    \\n Textarea, input and the character counter directive should work properly inside tabs.\\n \\n \\n \\n
    \\n     \\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n     \\n `,\\n };\\n}"},{"name":"TemplateWithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TabComponent) => ({\\n props: args,\\n template: `\\n \\n {{ content }}\\n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n ],\\n})"},{"name":"WithIcon","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithIcon.bind({})"}],"libs/ui/src/lib/tabs/tabs.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tabs/tabs.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n Tab 1\\n \\n \\n Tab 2, with a form\\n \\n \\n Tab 3 with lots and lots of random text\\n \\n
    \\n
    \\n \\n Tab 1\\n \\n \\n \\n \\n \\n \\n
    \\n \\n First tab content with some more text that might overflow\\n
    \\n \\n `,\\n})"}],"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Error","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateError.bind({})"},{"name":"Success","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateSuccess.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TimedNoticeComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateError","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"TemplateSuccess","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n Lisainfo\\n     \\n `,\\n})"},{"name":"TemplateWithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TimedNoticeComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n kohustust täitma\\n \\n     \\n `,\\n})"},{"name":"WithMultipleAsideItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithMultipleAsideItems.bind({})"}],"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n
    Maksu- ja tolliamet
    \\n \\n     \\n \\n
    138.00€
    \\n \\n \\n \\n \\n kohustust täitma\\n \\n    \\n `,\\n})"}],"libs/ui/src/lib/toast/toast.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n

    \\n \\n \\n \\n \\n \\n {{ title }}\\n \\n

    \\n
    {{ content }}
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/toast/toast.service.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOpenOnLoad.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateOpenOnLoad","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast.service.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"}],"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n

    \\n Hover over this element to display tooltip\\n

    \\n `,\\n})"},{"name":"TemplateEdgeTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n

    When tooltip elements are located near the right or left side of the window,

    \\n

    the tooltip is not centered above the element. Instead, tooltips are moved

    \\n

    away from the sides to prevent being hidden behind the edge.

    \\n     \\n     \\n\\n
    \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n Some words here\\n \\n
    \\n `,\\n})"},{"name":"TemplateHeaderTest","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipDirective\\n) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n \\n \\n \\n \\n \\n
    \\n\\n \\n \\n

    When tooltip elements are located near the top edge of the window,

    \\n

    the tooltip is hidden above the window edge. To avoid this problem,

    \\n

    tooltip should not be placed to the top of the window.

    \\n     \\n     \\n `,\\n})"},{"name":"TemplateOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TooltipDirective) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    When hovering on the questionmark, a tooltip appears.

    \\n

    When clicking just on the tooltip, nothing should happen.

    \\n

    When clicking on just the button but not the tooltip, a box appears.

    \\n

    Clicking on a tooltip should not activate any other elements.

    \\n     \\n\\n \\n \\n Click\\n \\n \\n \\n \\n\\n \\n

    This should only appear when clicking on a button, not on the tooltip

    \\n     \\n `,\\n})"},{"name":"TooltipNearSideEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateEdgeTest.bind({})"},{"name":"TooltipNearTopEdge","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeaderTest.bind({})"},{"name":"TooltipOnButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateOnButton.bind({})"}],"libs/ui/src/lib/tooltip/tooltip.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n
    \\n
    \\n This is a tooltip\\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"options","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"[]","defaultValue":"[\\n { value: \'NO\', label: \'No\' },\\n { value: \'PARTIALLY\', label: \'Partially\' },\\n { value: \'YES\', label: \'Yes\' },\\n]"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: FeedbackComponent) => ({\\n props: args,\\n})"},{"name":"title","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"string","defaultValue":"\'Did you find what you were looking for?\'"},{"name":"WithIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"WithIconsTemplate.bind({})"},{"name":"WithIconsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: FeedbackComponent\\n) => ({\\n props: args,\\n})"}],"libs/ui/src/lib/icons/icon/icon.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n `,\\n})"},{"name":"TemplateWithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: IconComponent) => ({\\n props: {\\n ...args,\\n },\\n template: `\\n \\n To change color of an icon, just add fill CSS property either to icon component selector itself or its ancestor. It is not required to apply fill to SVG node itself.\\n \\n
    \\n \\n
    \\n `,\\n styles: [\\n `.wrapper-class {\\n fill: red;\\n }`,\\n ],\\n})"},{"name":"WithCustomSize","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStyling.bind({})"}],"libs/ui/src/lib/icons/icon/icon.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n template: `\\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: LabeledIconComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n})"},{"name":"TemplateWithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: LabeledIconComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n {{ content }}\\n \\n `,\\n styles: [\\n // you don\'t need to use ::ng-deep in your app\\n `\\n ::ng-deep .svg-class {\\n fill: red;\\n }\\n `,\\n `\\n ::ng-deep .icon-wrapper-class {\\n border: 1px green solid;\\n }\\n `,\\n ],\\n})"},{"name":"WithCustomGap","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithCustomStyling","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithCustomStyling.bind({})"},{"name":"WithIconAfter","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"LabeledIconInsideButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n
    {{ content }}
    \\n
    \\n \\n \\n \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: RadioGroupComponent\\n) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: RadioGroupComponent) => ({\\n props: args,\\n /* template */\\n template: `\\n \\n \\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"OptionButton","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonTemplate.bind({})"},{"name":"OptionButtonCompact","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"OptionButtonCompactTemplate.bind({})"},{"name":"OptionButtonCompactTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"OptionButtonTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n {{title}}\\n
      \\n
    • \\n \\n
      • \\n
    • \\n \\n
      • \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"ReorderableListMultipleFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListMultipleTracksAndFormItems","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListMultipleTracksAndFormItemsTemplate.bind({})"},{"name":"ReorderableListMultipleTracksAndFormItemsTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListMultipleTracksAndFormItemsComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"ReorderableListSingleFormItem","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"ReorderableListSingleFormItemTemplate.bind({})"},{"name":"ReorderableListSingleFormItemTemplate","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: ReorderableListSingleFormItemComponent) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: ReorderableListExampleComponent\\n) => ({\\n props: args,\\n template: `\\n \\n \\n `,\\n})"}],"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n
    \\n \\n
    \\n \\n
    2
    \\n \\n
    \\n
    And so am I
    \\n
    \\n
    \\n \\n
    \\n \\n
    1
    \\n \\n
    \\n
    Me as well
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepPanelComponent) => ({\\n component: StepPanelComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n {{ content }}\\n \\n \\n \\n \\n Some content\\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/steps/step/step.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/step/step.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepComponent) => ({\\n component: StepComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Some content for the first step\\n \\n \\n \\n \\n Some more content\\n \\n \\n \\n `,\\n})"}],"libs/ui/src/lib/steps/steps/steps.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"DefaultWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"MobileWithSelectedStep","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: StepsComponent) => {\\n const form = new FormGroup({\\n text: new FormControl(\'Some text\'),\\n });\\n return {\\n component: StepsComponent,\\n props: {\\n ...args,\\n form: form,\\n formMinRows: 5,\\n formHtmlId: \'fk123sd4kfds\',\\n formLabel: \'Label\',\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n \\n \\n
    \\n Textarea, input and the character counter directive should work properly inside steps.\\n \\n \\n \\n
    \\n     \\n     \\n     \\n `,\\n };\\n}"},{"name":"TemplateObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n labels$: from([[\'First\', \'Second\', \'Third\']]).pipe(\\n concatMap((item) => of(item).pipe(delay(withObservableTitlesDelay)))\\n ),\\n },\\n /* template */\\n template: `\\n \\n \\n \\n \\n {{ label }}\\n \\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithStepStatus","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n Status is set to \'null\'.\\n \\n \\n \\n \\n Success status!\\n \\n \\n \\n \\n Status is not set.\\n \\n \\n \\n \\n Error status!\\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: StepsComponent\\n) => ({\\n component: StepsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    You can now add custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n {{ stepsContent[1] }}\\n \\n \\n \\n \\n {{ stepsContent[2] }}\\n \\n \\n \\n \\n {{ stepsContent[3] }}\\n \\n \\n     \\n `,\\n})"},{"name":"WithHTMLSections","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithHTMLSections.bind({})"},{"name":"WithObservableTitles","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateObservableTitles.bind({})"},{"name":"withObservableTitlesDelay","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"1000"},{"name":"WithStepStatuses","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepStatus.bind({})"},{"name":"WithTranslations","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithTranslations.bind({})"}],"libs/ui/src/lib/steps/steps/steps.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Mobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: args,\\n /* template */\\n template: `\\n
    \\n

    Abiellumine

    \\n
    \\n

    You can now add custom content before steps

    \\n
    \\n
      \\n
    1. \\n
    \\n
    \\n \\n \\n 1\\n \\n Abiellumine\\n
    \\n
    \\n \\n \\n \\n \\n \\n \\n
    \\n \\n \\n \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n
  • \\n \\n
    • \\n \\n
    \\n
    \\n
    \\n

    Second

    \\n

    \\n Fetal stemcells, aren\'t those controversial? In your time, yes, but nowadays shut up! Besides, these are\\n adult stemcells,\\n harvested from perfectly healthy adults whom I killed for their stemcells. Bender?! You stole the atom.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n \\n \\n
    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n `,\\n styles: [\\n `\\n .cvi-steps {\\n --current-step: \'2\';\\n }\\n `,\\n ],\\n})"}],"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.

    \\n

    When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.

    \\n
    \\n\\n
    \\n

    Section Two

    \\n

    Happily wall anything pleasant court made vegetable freedom printed plate education six longer anyway mill forty active manufacturing struggle darkness teach round further handle.

    \\n

    so image across automobile twenty how some fight earn fireplace elephant flow cat slightly factor free mighty most fox taken seldom rhyme especially upper.

    \\n
    \\n\\n
    \\n

    Section Three

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    The day kingdoms collide, a suspicious accident shall cause a time of\\n peace and an age of failing crops.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    When the moment comes that one becomes many and many becomes one, a man\\n clad in green shall bring forth the dawn of evil and a time of peace.

    \\n

    The day the rain returns, a victory shall mark an end to hunger and the\\n end of wealth.

    \\n

    As soon as the sun turns dark, a sudden death shall cause a generation of\\n health and an age of misfortune.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the\\n prophet shall bring an eternal night and a change of leadership.

    \\n

    This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It\\n has a glowing snout, camouflaged fur and fat legs. They\'re generally timid\\n by nature and can often be found near sanctuaries. If you\'re out looking\\n for them they can often be seen on their own. It tends to attack with\\n Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    It shall be on the day that steel turns to rust, two enemies shall cause\\n the toppling of leaders and the beginning of a better future.

    \\n

    There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.

    \\n

    It shall be then, when what is blue turns red, the false leader shall\\n bring the toppling of leaders and the return of dragons.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has\\n stubby fins, pure white scales and a cavernous mouth. They\'re generally\\n energetic by nature and can often be found during a blizzard. If you\'re\\n out looking for them they can often be seen among many other kinds of\\n Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.

    \\n
    \\n\\n
    \\n

    Section Four

    \\n

    When the moment comes that the dead rise, the accused shall cause an age\\n of lawlessness.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It\\n has snowy legs, an icicle covered tail and frosty ears. They\'re generally\\n playful by nature and can often be found in winter. If you\'re out looking\\n for them they can often be seen lurking about and on their own. It tends\\n to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no\\n known evolutions.

    \\n

    As soon as the sea swallows the earth, two brothers shall bring a rise of\\n faith.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall\\n bring the end of leadership.

    \\n

    \\"Too decorous, Comrade Jackson. I came over here principally, it is true,\\n to be at your side, should you be in any way persecuted by scoundrels. But\\n at the same time I confess that at the back of my mind there lurked a hope\\n that stirring adventures might come my way. I had heard so much of the\\n place. Report had it that an earnest seeker after amusement might have a\\n tolerably spacious rag in this modern Byzantium. I thought that a few\\n weeks here might restore that keen edge to my nervous system which the\\n languor of the past term had in a measure blunted. I wished my visit to be\\n a tonic rather than a sedative. I anticipated that on my return the cry\\n would go round Cambridge, \'Psmith has been to New York. He is full of\\n oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is\\n hot stuff. Rah!\' But what do we find?\\"

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green\\n shall bring forth a rise of faith.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n

    By the time that Pugsy returned, carrying a five-cent bottle of milk, the\\n animal had vacated the book-shelf, and was sitting on the table, washing\\n her face. The milk having been poured into the lid of a tobacco-tin, in\\n lieu of a saucer, she suspended her operations and adjourned for\\n refreshments. Billy, business being business, turned again to Luella\\n Granville Waterman, but Pugsy, having no immediate duties on hand,\\n concentrated himself on the cat.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young\\n man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right\\n here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth\\n bloodshed of blue blood and the return of monsters.

    \\n

    The day fire burns blue, the prophet shall cause an age of anarchy.

    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n

    Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.

    \\n

    Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.

    \\n

    \\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"

    \\n

    It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.

    \\n

    It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.

    \\n

    It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.

    \\n

    The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.

    \\n

    When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.

    \\n

    A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.

    \\n

    There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.

    \\n

    As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.

    \\n

    This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.

    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsComponent\\n) => ({\\n component: TableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"WithRandomText","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithRandomText.bind({})"}],"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n \\n \\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: GeneratedTableOfContentsComponent\\n) => ({\\n component: GeneratedTableOfContentsComponent,\\n props: {\\n ...args,\\n extraAsyncSections: from([\\n [\\n {\\n title: \'I am the title of the first observable array element\',\\n content:\\n \'Content is irrelevant market if tone term notice road settlers higher cry industrial job headed wing friendly color throughout symbol front mouse rear cat swing short sent noun cold wherever author establish felt come ocean look power help whether easier heavy gray softly industrial rising wise package record shirt they ice press even scale wealth shallow post exactly ball line complex may gather for composition burn duty accident say stronger job author are in bit\',\\n },\\n {\\n title: \'I am the title of the second observable array element\',\\n content:\\n \'This content is also irrelevant southern river couple hollow ancient cookies flat onto our behind thin unusual away instance everything explanation setting drive cold roll refer case brought continent blew been wood goes known sink important goose seldom pocket fat food central label teach meet contrast car breakfast thou throat week cat rough\',\\n },\\n ],\\n ]).pipe(concatMap((item) => of(item).pipe(delay(500)))),\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
    \\n
    \\n

    Some random h2

    \\n
    \\n
    \\n
    \\n

    A random h3 heading with a lot of sense in it

    \\n
    \\n
    \\n
    \\n
    \\n

    Papadiboopi

    \\n
    \\n
    \\n
    \\n     \\n     \\n     \\n     \\n `,\\n})"},{"name":"WithCustomHeadingLevels","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"}],"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"HeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateHeadingsWithIds.bind({})"},{"name":"InDebugMode","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"},{"name":"TemplateWithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsWrapperComponent\\n) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"TemplateWithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args: TableOfContentsWrapperComponent) => ({\\n component: TableOfContentsWrapperComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n

    Custom content before steps

    \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n \\n \\n \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n     \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n     \\n     \\n `,\\n})"},{"name":"WithSteps","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"},{"name":"WithStepsAndHeadingsWithIds","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithStepsAndHeadingsWithIds.bind({})"},{"name":"WithStepsMobile","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"TemplateWithSteps.bind({})"}],"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(args) => ({\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n
    \\n
    \\n
    \\n

    Section One

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n

    Section Two

    \\n

    \\n Billy Windsor had started life twenty-five years before this story\\n opens on his father\'s ranch in Wyoming. From there he had gone to a\\n local paper of the type whose Society column consists of such items as\\n \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap\\n skates. We take this opportunity of once more informing Jim that he is\\n a liar and a skunk,\\" and whose editor works with a revolver on his\\n desk and another in his hip-pocket. Graduating from this, he had\\n proceeded to a reporter\'s post on a daily paper in a Kentucky town,\\n where there were blood feuds and other Southern devices for preventing\\n life from becoming dull. All this time New York, the magnet, had been\\n tugging at him. All reporters dream of reaching New York. At last,\\n after four years on the Kentucky paper, he had come East, minus the\\n lobe of one ear and plus a long scar that ran diagonally across his\\n left shoulder, and had worked without much success as a free-lance. He\\n was tough and ready for anything that might come his way, but these\\n things are a great deal a matter of luck. The cub-reporter cannot make\\n a name for himself unless he is favoured by fortune. Things had not\\n come Billy Windsor\'s way. His work had been confined to turning in\\n reports of fires and small street accidents, which the various papers\\n to which he supplied them cut down to a couple of inches.\\n

    \\n
    \\n
    \\n

    Section Three

    \\n

    \\n A waiter made an ingratiating gesture towards the basket, but the\\n young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays\\n right here.\\" He placed it carefully on the floor beside his chair, and\\n proceeded to order dinner.\\n

    \\n
    \\n
    \\n

    Section Four

    \\n

    \\n \\"Too decorous, Comrade Jackson. I came over here principally, it is\\n true, to be at your side, should you be in any way persecuted by\\n scoundrels. But at the same time I confess that at the back of my mind\\n there lurked a hope that stirring adventures might come my way. I had\\n heard so much of the place. Report had it that an earnest seeker after\\n amusement might have a tolerably spacious rag in this modern\\n Byzantium. I thought that a few weeks here might restore that keen\\n edge to my nervous system which the languor of the past term had in a\\n measure blunted. I wished my visit to be a tonic rather than a\\n sedative. I anticipated that on my return the cry would go round\\n Cambridge, \'Psmith has been to New York. He is full of oats. For he on\\n honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff.\\n Rah!\' But what do we find?\\"\\n

    \\n
    \\n
    \\n

    Section Five

    \\n

    \\n There comes a day when prey kills predator, the young one shall usher\\n forth a strengthening of bonds and new aggressions.\\n

    \\n

    \\n This Pokemon is a ice-type Pokemon and looks a lot like an antelope.\\n It has snowy legs, an icicle covered tail and frosty ears. They\'re\\n generally playful by nature and can often be found in winter. If\\n you\'re out looking for them they can often be seen lurking about and\\n on their own. It tends to attack with Haze and Ice Punch. It hasn\'t\\n evolved yet and there are no known evolutions.\\n

    \\n
    \\n
    \\n
    \\n
    \\n
    \\n

    Sisukord

    \\n \\n
    \\n
    \\n
    \\n
    \\n `,\\n})"}],"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts":[{"name":"Default","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TableOfContentsItemComponent\\n) => ({\\n component: TableOfContentsItemComponent,\\n props: {\\n ...args,\\n },\\n /* template */\\n template: `\\n \\n
    \\n
    \\n

    Section One

    \\n
    \\n
    \\n\\n
    \\n

    Section Two

    \\n
    \\n
    \\n\\n
    \\n

    Section Three

    \\n
    \\n
    \\n\\n
    \\n

    Section Four

    \\n
    \\n
    \\n\\n\\n
    \\n

    Section Five

    \\n
    \\n
    \\n
    \\n\\n \\n \\n \\n \\n \\n \\n \\n     \\n `,\\n})"}],"libs/ui/src/lib/toast/toast-config.ts":[{"name":"DefaultToastConfig","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"ToastConfig","defaultValue":"{\\n timeOut: 5000,\\n toastTypes: {\\n error: \'cvi-toast--appearance-error\',\\n info: \'cvi-toast--appearance-info\',\\n success: \'cvi-toast--appearance-success\',\\n warning: \'cvi-toast--appearance-warning\',\\n },\\n progressBar: true,\\n easeTime: 300,\\n extendedTimeOut: 1000,\\n}"},{"name":"TOAST_CONFIG","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/toast/toast-config.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"new InjectionToken(\'ToastConfig\')"}],"apps/react-sandbox/src/environments/environment.prod.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"}],"apps/react-sandbox/src/environments/environment.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"}],"apps/ria/src/environments/environment.prod.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.prod.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: true,\\n}"}],"apps/ria/src/environments/environment.ts":[{"name":"environment","ctype":"miscellaneous","subtype":"variable","file":"apps/ria/src/environments/environment.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n production: false,\\n}"}],"apps/react-sandbox-e2e/src/support/app.po.ts":[{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/react-sandbox-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"}],"apps/ria-e2e/src/support/app.po.ts":[{"name":"getGreeting","ctype":"miscellaneous","subtype":"variable","file":"apps/ria-e2e/src/support/app.po.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"() => cy.get(\'h1\')"}],"libs/ui/src/lib/icons/storybook-icons.ts":[{"name":"icons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Object.entries(iconsModule)\\n .filter((item) => item[0] !== \'completeIconSet\')\\n .map(([, v]) => v) as CviIcon[]"},{"name":"storybookIcons","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"CviIcon[]","defaultValue":"icons"},{"name":"storybookIconsNames","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/storybook-icons.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"icons.map((item) => item.name)"}],"libs/ui/src/lib/icons/icon/icon.ts":[{"name":"iconSizeDefault","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/icons/icon/icon.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"24"}],"libs/ui/src/lib/input/input.component.ts":[{"name":"inputComponentValueAccessor","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => InputComponent),\\n multi: true,\\n}"},{"name":"inputModes","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'numeric\',\\n}"},{"name":"inputRegex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: /\\\\D/g,\\n}"},{"name":"patterns","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","type":"literal type","defaultValue":"{\\n positiveNumbers: \'[0-9]*\',\\n}"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts":[{"name":"nextUniqueId","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","deprecated":false,"deprecationMessage":"","type":"number","defaultValue":"0"}],"libs/ui/src/lib/status-badge/status-badge.ts":[{"name":"statusBadgeCustomPropertyGroups","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","type":"StatusBadgeCustomPropertyGroup[]","defaultValue":"[\\n {\\n severity: \'info\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sapphire-blue-10\',\\n \'--background-color\': \'--cvi-color-sapphire-blue-0\',\\n \'--border-color\': \'--cvi-color-sapphire-blue-10\',\\n },\\n },\\n {\\n severity: \'success\',\\n customProperties: {\\n \'--color\': \'--cvi-color-sea-green-11\',\\n \'--background-color\': \'--cvi-color-sea-green-0\',\\n \'--border-color\': \'--cvi-color-sea-green-11\',\\n },\\n },\\n {\\n severity: \'warning\',\\n customProperties: {\\n \'--color\': \'--cvi-color-dark-tangerine-15\',\\n \'--background-color\': \'--cvi-color-dark-tangerine-1\',\\n \'--border-color\': \'--cvi-color-dark-tangerine-10\',\\n },\\n },\\n ]"}],"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts":[{"name":"storybookRandomParagraphs","ctype":"miscellaneous","subtype":"variable","file":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts","deprecated":false,"deprecationMessage":"","type":"string[]","defaultValue":"[\\n `As soon as the sea swallows the earth, two brothers shall bring a rise of faith.`,\\n `It shall be then, when the ground shifts, a suspicious malfunction shall cause an age of misfortune and the downfall of an empire.`,\\n `When the day comes that brothers clash, a suspicious malfunction shall usher forth a rise of a new god and an age of inhumanity.`,\\n `It shall be on the day that the world becomes shrouded in shadows, the prophet shall bring an eternal night and a change of leadership.`,\\n `It shall be then, when what is blue turns red, the false leader shall bring the toppling of leaders and the return of dragons.`,\\n `It shall be on the day that steel turns to rust, two enemies shall cause the toppling of leaders and the beginning of a better future.`,\\n `The day the rain returns, a victory shall mark an end to hunger and the end of wealth.`,\\n `When the day comes that the day is shortest, three siblings shall usher forth bloodshed of blue blood.`,\\n `As soon as the sun turns dark, a sudden death shall cause a generation of health and an age of misfortune.`,\\n `The day fire burns blue, the prophet shall cause an age of anarchy.`,\\n `When the brother becomes the father, a suspicious death shall bring forth bloodshed of blue blood and the return of monsters.`,\\n `When the moment comes that one becomes many and many becomes one, a man clad in green shall bring forth the dawn of evil and a time of peace.`,\\n `There comes a day when mountains move and rivers shiver, a refusal shall bring the end of leadership.`,\\n `When the day comes that the sky falls, a forced marriage shall bring forth an age of anarchy.`,\\n `Upon the day all is celebrated, a refusal shall cause the rise of education.`,\\n `The day kingdoms collide, a suspicious accident shall cause a time of peace and an age of failing crops.`,\\n `The day temptation is too strong, the foreign one shall bring forth an age of misfortune and the end of history.`,\\n `It shall be then, when rocks will rain from the sky, a man clad in green shall bring forth a rise of faith.`,\\n `When the moment comes that the dead rise, the accused shall cause an age of lawlessness.`,\\n `There comes a day when prey kills predator, the young one shall usher forth a strengthening of bonds and new aggressions.`,\\n `When the sky turns red, a marriage shall usher forth the end of history.`,\\n `Once the true one reveals herself, a random act of kindness shall mark a strengthening of bonds.`,\\n `It shall be then, when the sky is thick with water, a secret meeting shall usher forth an end to the gods and the rise of mankind.`,\\n `Once the sky is thick with water, a forbidden relationship shall cause the downfall of two kingdoms.`,\\n `The day legend becomes history, an embarrassing defeat shall usher forth the return of monsters and an age of growth.`,\\n `Upon the day the rivers turn green, the stranger shall mark a shift in power.`,\\n `When the day comes that temptation is too strong, the guilty shall mark an age of justice and the dawn of men.`,\\n `As soon as the day is shortest, a sudden death shall cause a country\'s new rise and an age of bliss.`,\\n `By profession he was a dealer in animals, birds, and snakes. He had a fancier\'s shop in Groome street, in the heart of the Bowery. This was on the ground-floor. His living abode was in the upper story of that house, and it was there that he kept the twenty-three cats whose necks were adorned with leather collars, and whose numbers had so recently been reduced to twenty-two. But it was not the fact that he possessed twenty-three cats with leather collars that made Mr. Jarvis a celebrity.`,\\n `Billy\'s first act on arriving in this sanctum was to release the cat, which, having moved restlessly about for some moments, finally came to the conclusion that there was no means of getting out, and settled itself on a corner of the settee. Psmith, sinking gracefully down beside it, stretched out his legs and lit a cigarette. Mike took one of the ordinary chairs; and Billy Windsor, planting himself in the rocker, began to rock rhythmically to and fro, a performance which he kept up untiringly all the time.`,\\n `\\"Then let us stagger forth with Comrade Windsor. While he is loading up that basket, we will be collecting our hats. . . . I am not half sure, Comrade Jackson,\\" he added, as they walked out, \\"that Comrade Windsor may not prove to be the genial spirit for whom I have been searching. If you could give me your undivided company, I should ask no more. But with you constantly away, mingling with the gay throng, it is imperative that I have some solid man to accompany me in my ramblings hither and thither. It is possible that Comrade Windsor may possess the qualifications necessary for the post. But here he comes. Let us foregather with him and observe him in private life before arriving at any premature decision.\\"`,\\n `A waiter made an ingratiating gesture towards the basket, but the young man stopped him. \\"Not on your life, sonny,\\" he said. \\"This stays right here.\\" He placed it carefully on the floor beside his chair, and proceeded to order dinner.`,\\n `\\"Too decorous, Comrade Jackson. I came over here principally, it is true, to be at your side, should you be in any way persecuted by scoundrels. But at the same time I confess that at the back of my mind there lurked a hope that stirring adventures might come my way. I had heard so much of the place. Report had it that an earnest seeker after amusement might have a tolerably spacious rag in this modern Byzantium. I thought that a few weeks here might restore that keen edge to my nervous system which the languor of the past term had in a measure blunted. I wished my visit to be a tonic rather than a sedative. I anticipated that on my return the cry would go round Cambridge, \'Psmith has been to New York. He is full of oats. For he on honey-dew hath fed, and drunk the milk of Paradise. He is hot stuff. Rah!\' But what do we find?\\"`,\\n `Billy Windsor had started life twenty-five years before this story opens on his father\'s ranch in Wyoming. From there he had gone to a local paper of the type whose Society column consists of such items as \\"Pawnee Jim Williams was to town yesterday with a bunch of other cheap skates. We take this opportunity of once more informing Jim that he is a liar and a skunk,\\" and whose editor works with a revolver on his desk and another in his hip-pocket. Graduating from this, he had proceeded to a reporter\'s post on a daily paper in a Kentucky town, where there were blood feuds and other Southern devices for preventing life from becoming dull. All this time New York, the magnet, had been tugging at him. All reporters dream of reaching New York. At last, after four years on the Kentucky paper, he had come East, minus the lobe of one ear and plus a long scar that ran diagonally across his left shoulder, and had worked without much success as a free-lance. He was tough and ready for anything that might come his way, but these things are a great deal a matter of luck. The cub-reporter cannot make a name for himself unless he is favoured by fortune. Things had not come Billy Windsor\'s way. His work had been confined to turning in reports of fires and small street accidents, which the various papers to which he supplied them cut down to a couple of inches.`,\\n `By the time that Pugsy returned, carrying a five-cent bottle of milk, the animal had vacated the book-shelf, and was sitting on the table, washing her face. The milk having been poured into the lid of a tobacco-tin, in lieu of a saucer, she suspended her operations and adjourned for refreshments. Billy, business being business, turned again to Luella Granville Waterman, but Pugsy, having no immediate duties on hand, concentrated himself on the cat.`,\\n `This Pokemon is a ground-type Pokemon and looks a lot like a rhinoceros. It has thick legs, a tusked mouth and broken ears. They\'re generally shy by nature and can often be found in mountainous areas. If you\'re out looking for them they can often be seen hidden away and on their own. It tends to attack with Spikes and Mud Bomb. It has evolved twice, but can still evolve once more.`,\\n `This Pokemon is a poison-type Pokemon and looks a little like a caterpillar. It has phosphorescent skin, thin legs and a lack of a mouth. They\'re generally threatening by nature and can often be found in labyrinths. If you\'re out looking for them they can often be seen on their own. It tends to attack with Venoshock and Sludge. It hasn\'t evolved yet, but could do so twice.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like a cod. It has stubby fins, pure white scales and a cavernous mouth. They\'re generally energetic by nature and can often be found during a blizzard. If you\'re out looking for them they can often be seen among many other kinds of Pokemon. It tends to attack with Ice Ball and Aurora Beam. It has evolved twice and can evolve no more.`,\\n `This Pokemon is a ghost-type Pokemon and slightly resembles a toad. It has crimson skin, hidden legs and a serious looking mouth. They\'re generally fearful by nature and can often be found near graveyards. If you\'re out looking for them they can often be seen on their own. It tends to attack with Confuse Ray and Shadow Ball. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a ice-type Pokemon and looks a lot like an antelope. It has snowy legs, an icicle covered tail and frosty ears. They\'re generally playful by nature and can often be found in winter. If you\'re out looking for them they can often be seen lurking about and on their own. It tends to attack with Haze and Ice Punch. It hasn\'t evolved yet and there are no known evolutions.`,\\n `This Pokemon is a psychic-type Pokemon and faintly looks like a mouse. It has a glowing snout, camouflaged fur and fat legs. They\'re generally timid by nature and can often be found near sanctuaries. If you\'re out looking for them they can often be seen on their own. It tends to attack with Trick Room and Lunar Dance. It hasn\'t evolved yet, but could do so once.`,\\n]"}],"libs/ui/src/lib/tooltip/tooltip.stories.ts":[{"name":"Template","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"Story","defaultValue":"(\\n args: TooltipComponentWithCustomArgs\\n) => ({\\n props: {\\n ...args,\\n width: document.body.getBoundingClientRect().width,\\n height: document.body.getBoundingClientRect().height,\\n },\\n template: `\\n
    \\n \\n
    \\n `,\\n})"},{"name":"Tooltip","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"},{"name":"TooltipWithCustomZIndex","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","type":"","defaultValue":"Template.bind({})"}],"libs/ui/src/lib/textarea/textarea.component.ts":[{"name":"textareaComponentProvider","ctype":"miscellaneous","subtype":"variable","file":"libs/ui/src/lib/textarea/textarea.component.ts","deprecated":false,"deprecationMessage":"","type":"object","defaultValue":"{\\n provide: NG_VALUE_ACCESSOR,\\n useExisting: forwardRef(() => TextareaComponent),\\n multi: true,\\n}"}]},"groupedFunctions":{"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts":[{"name":"baseBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'"},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'"}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderStyle","deprecated":false,"deprecationMessage":"","defaultValue":"\'none\'","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","defaultValue":"\'transparent\'","tagName":{"text":"param"}}]},{"name":"defaultBoxes","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"boxes","type":"Array","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]},{"name":"dottedBoxStyles","file":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":""},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"color","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}},{"name":"borderColor","type":"string","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"apps/ria/src/app/app.module.ts":[{"name":"HttpLoaderFactory","file":"apps/ria/src/app/app.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"libs/storybook/src/lib/storybook.module.ts":[{"name":"HttpLoaderFactory","file":"libs/storybook/src/lib/storybook.module.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":""}],"jsdoctags":[{"name":"http","type":"HttpClient","deprecated":false,"deprecationMessage":"","tagName":{"text":"param"}}]}],"libs/icons/src/lib/icons.ts":[{"name":"icons","file":"libs/icons/src/lib/icons.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}],"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts":[{"name":"isBottomOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]},{"name":"isTopOfPage","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[]}],"libs/storybook/src/lib/storybook.ts":[{"name":"storybook","file":"libs/storybook/src/lib/storybook.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}],"libs/styles/src/lib/styles.ts":[{"name":"styles","file":"libs/styles/src/lib/styles.ts","ctype":"miscellaneous","subtype":"function","deprecated":false,"deprecationMessage":"","description":"","args":[],"returnType":"string"}]},"groupedEnumerations":{"libs/ui/src/lib/button/button.ts":[{"name":"ButtonAppearance","childs":[{"name":"PRIMARY","deprecated":false,"deprecationMessage":"","value":"primary"},{"name":"SECONDARY","deprecated":false,"deprecationMessage":"","value":"secondary"},{"name":"TEXT","deprecated":false,"deprecationMessage":"","value":"text"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"},{"name":"ButtonSize","childs":[{"name":"S","deprecated":false,"deprecationMessage":"","value":"s"},{"name":"M","deprecated":false,"deprecationMessage":"","value":"m"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/button/button.ts"}],"libs/ui/src/lib/radio-button/radio-group/radio-group.ts":[{"name":"RadioGroupAppearance","childs":[{"name":"REGULAR","deprecated":false,"deprecationMessage":"","value":"regular"},{"name":"COMPACT","deprecated":false,"deprecationMessage":"","value":"compact"}],"ctype":"miscellaneous","subtype":"enum","deprecated":false,"deprecationMessage":"","description":"","file":"libs/ui/src/lib/radio-button/radio-group/radio-group.ts"}]},"groupedTypeAliases":{"libs/ui/src/lib/select/select.component.ts":[{"name":"AddItemFn","ctype":"miscellaneous","subtype":"typealias","rawtype":"function","file":"libs/ui/src/lib/select/select.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":178}],"libs/ui/src/lib/track/track.component.stories.ts":[{"name":"ArgsWithRepeatableFormItems","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.component.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187}],"apps/ui-e2e/cypress/support/commands.ts":[{"name":"AttrNameValuePair","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"Device","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"desktop\\" | \\"tablet\\" | \\"mobile\\"","file":"apps/ui-e2e/cypress/support/commands.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/circle/circle.ts":[{"name":"CircleSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"none\\" | \\"success\\" | \\"error\\" | \\"info\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleSeverityProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleSeverityPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleTheme","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"dark\\" | \\"light\\"","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"CircleThemeProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"CircleThemePropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/circle/circle.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181}],"libs/ui/src/lib/form-message/form-message.ts":[{"name":"FormMessageSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"warning\\" | \\"error\\"","file":"libs/ui/src/lib/form-message/form-message.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/track/track.ts":[{"name":"Gap","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":193},{"name":"Mapped","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":188},{"name":"MAXIMUM_ALLOWED_GAP_IN_UNITS","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/track/track.ts","deprecated":false,"deprecationMessage":"","description":"","kind":195}],"libs/ui/src/lib/icons/icon-position.ts":[{"name":"LabeledIconPosition","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"before\\" | \\"after\\"","file":"libs/ui/src/lib/icons/icon-position.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/icons/labeled-icon/vertical-alignment.ts":[{"name":"LabeledIconVerticalAlignment","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"normal\\" | \\"center\\"","file":"libs/ui/src/lib/icons/labeled-icon/vertical-alignment.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/notification/notification.ts":[{"name":"NotificationSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\" | \\"error\\" | \\"neutral\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186},{"name":"NotificationSize","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"regular\\" | \\"compact\\"","file":"libs/ui/src/lib/notification/notification.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/status-badge/status-badge.ts":[{"name":"StatusBadgeCustomProperties","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeCustomPropertyGroup","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"StatusBadgeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"warning\\"","file":"libs/ui/src/lib/status-badge/status-badge.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/timed-notice/timed-notice.ts":[{"name":"TimedNoticeAsideItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181},{"name":"TimedNoticeSeverity","ctype":"miscellaneous","subtype":"typealias","rawtype":"\\"info\\" | \\"success\\" | \\"error\\"","file":"libs/ui/src/lib/timed-notice/timed-notice.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}],"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts":[{"name":"TocItem","ctype":"miscellaneous","subtype":"typealias","rawtype":"literal type","file":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":181}],"libs/ui/src/lib/tooltip/tooltip.stories.ts":[{"name":"TooltipComponentWithCustomArgs","ctype":"miscellaneous","subtype":"typealias","rawtype":"","file":"libs/ui/src/lib/tooltip/tooltip.stories.ts","deprecated":false,"deprecationMessage":"","description":"","kind":187}],"libs/ui/src/lib/input/input.component.ts":[{"name":"ValidationType","ctype":"miscellaneous","subtype":"typealias","rawtype":"null | \\"positiveNumbers\\"","file":"libs/ui/src/lib/input/input.component.ts","deprecated":false,"deprecationMessage":"","description":"","kind":186}]}},"routes":[],"coverage":{"count":1,"status":"low","files":[{"filePath":"apps/react-sandbox-e2e/src/support/app.po.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"getGreeting","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/react-sandbox-e2e/src/support/commands.ts","type":"interface","linktype":"interface","name":"Chainable","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"apps/react-sandbox/src/environments/environment.prod.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/react-sandbox/src/environments/environment.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria-e2e/src/support/app.po.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"getGreeting","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria-e2e/src/support/commands.ts","type":"interface","linktype":"interface","name":"Chainable","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"apps/ria/src/app/app.component.ts","type":"component","linktype":"component","name":"AppComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"apps/ria/src/app/app.module.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"HttpLoaderFactory","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria/src/environments/environment.prod.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ria/src/environments/environment.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"environment","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"apps/ui-e2e/cypress/support/commands.ts","type":"interface","linktype":"interface","name":"Chainable","coveragePercent":0,"coverageCount":"0/26","status":"low"},{"filePath":"libs/icons/src/lib/icons.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"icons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box-node.ts","type":"interface","linktype":"interface","name":"BoxNode","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/box.ts","type":"interface","linktype":"interface","name":"Box","coveragePercent":0,"coverageCount":"0/14","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"baseBoxStyles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"defaultBoxes","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"dottedBoxStyles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchical-box-diagram.component.ts","type":"component","linktype":"component","name":"HierarchicalBoxDiagramComponent","coveragePercent":0,"coverageCount":"0/26","status":"low"},{"filePath":"libs/ng-diagrams/src/lib/hierarchical-box-diagram/hierarchy-result.ts","type":"interface","linktype":"interface","name":"HierarchyResult","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-card.component.ts","type":"component","linktype":"component","name":"StorybookColorCardComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-color-cards/storybook-color-cards.component.ts","type":"component","linktype":"component","name":"StorybookColorCardsComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-card.component.ts","type":"component","linktype":"component","name":"StorybookIconCardComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-icon-cards/storybook-icon-cards.component.ts","type":"component","linktype":"component","name":"StorybookIconCardsComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-note/storybook-note.component.ts","type":"component","linktype":"component","name":"StorybookNoteComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen-item.component.ts","type":"component","linktype":"component","name":"StorybookSpacingSpecimenItemComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-spacing-specimen/storybook-spacing-specimen.component.ts","type":"component","linktype":"component","name":"StorybookSpacingSpecimenComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/components/storybook-type-tester/storybook-type-tester.component.ts","type":"component","linktype":"component","name":"StorybookTypeTesterComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-current-component/storybook-current-component.directive.ts","type":"directive","linktype":"directive","name":"StorybookCurrentComponentDirective","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-input/storybook-input.directive.ts","type":"directive","linktype":"directive","name":"StorybookInputDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.directive.ts","type":"directive","linktype":"directive","name":"StorybookRandomParagraphsDirective","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/storybook/src/lib/directives/storybook-random-paragraphs/storybook-random-paragraphs.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"storybookRandomParagraphs","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/storybook.module.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"HttpLoaderFactory","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/storybook.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"components","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/storybook/src/lib/storybook.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"storybook","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/styles/src/lib/styles.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"styles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateCustomHeader","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateHTMLInTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomHeader","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithHTMLInTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.component.ts","type":"component","linktype":"component","name":"AccordionComponent","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/accordion.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-content.directive.ts","type":"directive","linktype":"directive","name":"AccordionContentDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-header.directive.ts","type":"directive","linktype":"directive","name":"AccordionHeaderDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-item.directive.ts","type":"directive","linktype":"directive","name":"AccordionItemDirective","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/accordion/directives/accordion-title.directive.ts","type":"directive","linktype":"directive","name":"AccordionTitleDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.component.ts","type":"component","linktype":"component","name":"BreadcrumbsComponent","coveragePercent":16,"coverageCount":"1/6","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/breadcrumbs/breadcrumbs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Secondary","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Small","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateTextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Text","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconBefore","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconSmall","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.component.ts","type":"component","linktype":"component","name":"ButtonComponent","coveragePercent":30,"coverageCount":"4/13","status":"medium"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Secondary","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Small","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateTextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Text","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TextWithoutUnderline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/button/button.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/character-counter/character-counter.component.ts","type":"component","linktype":"component","name":"CharacterCounterComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/character-counter/character-counter.directive.ts","type":"directive","linktype":"directive","name":"CharacterCounterDirective","coveragePercent":0,"coverageCount":"0/9","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CustomBorderTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomBorderColor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithLightTheme","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.component.ts","type":"component","linktype":"component","name":"CircleComponent","coveragePercent":6,"coverageCount":"1/15","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSeverity","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithProgress","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSeverity","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"circleSeverityPropertyGroups","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/circle/circle.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"circleThemePropertyGroups","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/confirmation-modal/confirmation-modal.component.ts","type":"component","linktype":"component","name":"ConfirmationModalComponent","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.component.ts","type":"component","linktype":"component","name":"ContentContainerComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-container/content-container.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithNoTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.component.ts","type":"component","linktype":"component","name":"ContentPanelComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/content-panel/content-panel.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker-calendar.component.ts","type":"component","linktype":"component","name":"DatepickerCalendarComponent","coveragePercent":0,"coverageCount":"0/19","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker-label-config.token.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DATEPICKER_LABEL_CONFIG","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker-label.config.ts","type":"class","linktype":"classe","name":"DatepickerLabelConfig","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OnNonWhiteBackground","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomPlaceholder","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithDisabled","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormGroup","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.component.ts","type":"component","linktype":"component","name":"DatepickerComponent","coveragePercent":0,"coverageCount":"0/32","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/datepicker.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/datepicker/default-datepicker-label.config.ts","type":"class","linktype":"classe","name":"DefaultDatepickerLabelConfig","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/directives/data-attribute.directive.ts","type":"directive","linktype":"directive","name":"DataAttributeDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/directives/data-attribute.directive.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DATA_ATTRIBUTE_TOKEN","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"options","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"title","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/feedback/feedback/feedback.component.ts","type":"component","linktype":"component","name":"FeedbackComponent","coveragePercent":36,"coverageCount":"4/11","status":"medium"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithInlineFormElements","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithInlineFormElementsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTextarea","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTextareaTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.component.ts","type":"component","linktype":"component","name":"FormItemComponent","coveragePercent":75,"coverageCount":"6/8","status":"good"},{"filePath":"libs/ui/src/lib/form-item/form-item.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-item/form-item.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message-severity-to-header-icon.pipe.ts","type":"pipe","linktype":"pipe","name":"FormMessageSeverityToHeaderIconPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Error","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Warning","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.component.ts","type":"component","linktype":"component","name":"FormMessageComponent","coveragePercent":0,"coverageCount":"0/9","status":"low"},{"filePath":"libs/ui/src/lib/form-message/form-message.directive.ts","type":"directive","linktype":"directive","name":"FormMessageDirective","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"InContactsBlock","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"List","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateInContactsBlock","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.component.ts","type":"component","linktype":"component","name":"HtmlSectionComponent","coveragePercent":0,"coverageCount":"0/11","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/html-section.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/html-section/safe-html-pipe.ts","type":"pipe","linktype":"pipe","name":"SafeHtmlPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomSize","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.component.ts","type":"component","linktype":"component","name":"IconComponent","coveragePercent":42,"coverageCount":"3/7","status":"medium"},{"filePath":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icon/icon.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"iconSizeDefault","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/icons-registry.service.ts","type":"injectable","linktype":"injectable","name":"IconsRegistry","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LabeledIconInsideButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithCustomStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomGap","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomStyling","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIconAfter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.component.ts","type":"component","linktype":"component","name":"LabeledIconComponent","coveragePercent":60,"coverageCount":"6/10","status":"good"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LabeledIconInsideButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/labeled-icon/labeled-icon.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/storybook-icons.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"icons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/storybook-icons.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"storybookIcons","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/icons/storybook-icons.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"storybookIconsNames","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormGroup","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSuffixIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"component","linktype":"component","name":"InputComponent","coveragePercent":37,"coverageCount":"9/24","status":"medium"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"inputComponentValueAccessor","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"inputModes","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"inputRegex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"patterns","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSuffixIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/input/input.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSuffixIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/message-bus/message-bus.service.ts","type":"injectable","linktype":"injectable","name":"MessageBusService","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/message-bus/message-bus.service.ts","type":"interface","linktype":"interface","name":"Message","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithModalInsideModal","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithModalInsideModal","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.component.ts","type":"component","linktype":"component","name":"ModalComponent","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ModalOpenWithoutButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateModalOpen","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateModalOpenWithoutButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithoutTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithoutTitle","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.directive.ts","type":"directive","linktype":"directive","name":"ModalDirective","coveragePercent":0,"coverageCount":"0/11","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/modal/modal.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification-severity-to-header-icon.pipe.ts","type":"pipe","linktype":"pipe","name":"NotificationSeverityToHeaderIconPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Error","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Neutral","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Success","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Warning","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCompactSize","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCompactSizeAndCustomIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCompactSizeAndIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.component.ts","type":"component","linktype":"component","name":"NotificationComponent","coveragePercent":63,"coverageCount":"7/11","status":"good"},{"filePath":"libs/ui/src/lib/notification/notification.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/notification/notification.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/option-button/option-button.component.ts","type":"component","linktype":"component","name":"OptionButtonComponent","coveragePercent":25,"coverageCount":"3/12","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-button/radio-button.component.ts","type":"component","linktype":"component","name":"RadioButtonComponent","coveragePercent":25,"coverageCount":"3/12","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompact","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompactTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","type":"component","linktype":"component","name":"RadioGroupComponent","coveragePercent":6,"coverageCount":"1/16","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"nextUniqueId","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompact","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonCompactTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OptionButtonTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/radio-button/radio-group/radio-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list-item/reorderable-list-item.component.ts","type":"component","linktype":"component","name":"ReorderableListItemComponent","coveragePercent":0,"coverageCount":"0/9","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListExampleComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListMultipleFormItemsComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListMultipleTracksAndFormItemsComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"component","linktype":"component","name":"ReorderableListSingleFormItemComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"class","linktype":"classe","name":"ReorderableListExampleBaseComponent","coveragePercent":0,"coverageCount":"0/10","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleFormItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleFormItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleTracksAndFormItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListMultipleTracksAndFormItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListSingleFormItem","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ReorderableListSingleFormItemTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.component.ts","type":"component","linktype":"component","name":"ReorderableListComponent","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/reorderable-list/reorderable-list.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/reorderable-list/swap-reorderable-list-items.ts","type":"interface","linktype":"interface","name":"SwapReorderableListItems","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.component.ts","type":"component","linktype":"component","name":"ScreenreaderTextComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/screenreader-text/screenreader-text.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select-items-list.ts","type":"class","linktype":"classe","name":"SelectItemsList","coveragePercent":0,"coverageCount":"0/15","status":"low"},{"filePath":"libs/ui/src/lib/select/select-navigation.directive.ts","type":"directive","linktype":"directive","name":"SelectNavigationDirective","coveragePercent":0,"coverageCount":"0/18","status":"low"},{"filePath":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","linktype":"directive","name":"LabelTemplateDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/select/select-templates.directive.ts","type":"directive","linktype":"directive","name":"OptionTemplateDirective","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Disabled","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DisabledBackground","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DisabledBackgroundTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DisabledTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Form","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LoadingState","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"LoadingStateTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ObjectsAsItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ObjectsAsItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"SortedItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"SortedItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"UserCanAddItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"UserCanAddItemsTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithBoundValues","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithBoundValuesTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomValueFormatting","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomValueFormattingTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.component.ts","type":"component","linktype":"component","name":"SelectComponent","coveragePercent":5,"coverageCount":"3/55","status":"low"},{"filePath":"libs/ui/src/lib/select/select.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/select/select.types.ts","type":"interface","linktype":"interface","name":"SelectOption","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTooltip","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.component.ts","type":"component","linktype":"component","name":"StatusBadgeComponent","coveragePercent":0,"coverageCount":"0/12","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/status-badge/status-badge.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"statusBadgeCustomPropertyGroups","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step-panel/step-panel.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step-panel/step-panel.component.ts","type":"component","linktype":"component","name":"StepPanelComponent","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/steps/step/step.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step/step.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/step/step.component.ts","type":"component","linktype":"component","name":"StepComponent","coveragePercent":0,"coverageCount":"0/4","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DefaultWithSelectedStep","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"MobileWithSelectedStep","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateObservableTitles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithHTMLSections","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithStepStatus","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithTranslations","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithHTMLSections","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithObservableTitles","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"withObservableTitlesDelay","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepStatuses","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithTranslations","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.component.ts","type":"component","linktype":"component","name":"StepsComponent","coveragePercent":9,"coverageCount":"2/22","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/steps.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/to-step-circle-icon-name.pipe.ts","type":"pipe","linktype":"pipe","name":"ToStepCircleIconNamePipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/steps/steps/to-step-circle-severity.pipe.ts","type":"pipe","linktype":"pipe","name":"ToStepCircleSeverityPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"component","linktype":"component","name":"StorybookToCHTMLExampleComponent","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"component","linktype":"component","name":"StorybookToCHTMLStepsExampleComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomHeadingLevels","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepsMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","type":"component","linktype":"component","name":"GeneratedTableOfContentsComponent","coveragePercent":8,"coverageCount":"1/12","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"isBottomOfPage","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/generated-table-of-contents/generated-table-of-contents.component.ts","type":"function","linktype":"miscellaneous","linksubtype":"function","name":"isTopOfPage","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-item/table-of-contents-item.component.ts","type":"component","linktype":"component","name":"TableOfContentsItemComponent","coveragePercent":7,"coverageCount":"1/13","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"HeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"InDebugMode","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateHeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithStepsAndHeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithSteps","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepsAndHeadingsWithIds","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithStepsMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.component.ts","type":"component","linktype":"component","name":"TableOfContentsWrapperComponent","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents-wrapper/table-of-contents-wrapper.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents.service.ts","type":"injectable","linktype":"injectable","name":"TableOfContentsService","coveragePercent":12,"coverageCount":"1/8","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithRandomText","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithRandomText","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/table-of-contents/table-of-contents.component.ts","type":"component","linktype":"component","name":"TableOfContentsComponent","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/table-of-contents/toc-section.directive.ts","type":"directive","linktype":"directive","name":"TableOfContentsSectionDirective","coveragePercent":20,"coverageCount":"1/5","status":"low"},{"filePath":"libs/ui/src/lib/table/body-cell/body-cell.component.ts","type":"component","linktype":"component","name":"BodyCellComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/table/header-cell/header-cell.component.ts","type":"component","linktype":"component","name":"HeaderCellComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"getStatusBadgeLabelBySeverity","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"statuses","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Tablet","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithToolbar","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithToolbar","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.component.ts","type":"component","linktype":"component","name":"TableComponent","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/table/table.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/table/table.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.component.ts","type":"component","linktype":"component","name":"TabGroupComponent","coveragePercent":7,"coverageCount":"1/13","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab-group.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tab.component.ts","type":"component","linktype":"component","name":"TabComponent","coveragePercent":0,"coverageCount":"0/8","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithIcon","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.component.ts","type":"component","linktype":"component","name":"TabsComponent","coveragePercent":0,"coverageCount":"0/31","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tabs/tabs.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"FormGroupTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormGroup","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.ts","type":"component","linktype":"component","name":"TextareaComponent","coveragePercent":42,"coverageCount":"8/19","status":"medium"},{"filePath":"libs/ui/src/lib/textarea/textarea.component.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"textareaComponentProvider","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"CharacterCounterTemplate","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/textarea/textarea.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCharacterCounter","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice-severity-to-icon.pipe.ts","type":"pipe","linktype":"pipe","name":"TimedNoticeSeverityToIconPipe","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Error","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Success","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateError","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateSuccess","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithMultipleAsideItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithMultipleAsideItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.component.ts","type":"component","linktype":"component","name":"TimedNoticeComponent","coveragePercent":0,"coverageCount":"0/11","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/timed-notice/timed-notice.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/overlay.ts","type":"injectable","linktype":"injectable","name":"Overlay","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"class","linktype":"classe","name":"ToastPackage","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"interface","linktype":"interface","name":"ToastConfig","coveragePercent":0,"coverageCount":"0/6","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"interface","linktype":"interface","name":"ToastToken","coveragePercent":0,"coverageCount":"0/3","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"interface","linktype":"interface","name":"ToastTypes","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"DefaultToastConfig","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-config.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TOAST_CONFIG","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast-container.component.ts","type":"component","linktype":"component","name":"ToastContainerComponent","coveragePercent":0,"coverageCount":"0/2","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.component.ts","type":"component","linktype":"component","name":"ToastComponent","coveragePercent":0,"coverageCount":"0/25","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"component","linktype":"component","name":"ToastWrapperComponent","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"OpenOnLoad","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateOpenOnLoad","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.ts","type":"injectable","linktype":"injectable","name":"ToastService","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/toast/toast.service.ts","type":"interface","linktype":"interface","name":"ActiveToast","coveragePercent":0,"coverageCount":"0/5","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.component.ts","type":"component","linktype":"component","name":"TooltipComponent","coveragePercent":0,"coverageCount":"0/7","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateEdgeTest","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateHeaderTest","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateOnButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipNearSideEdge","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipNearTopEdge","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipOnButton","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.directive.ts","type":"directive","linktype":"directive","name":"TooltipDirective","coveragePercent":0,"coverageCount":"0/13","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Tooltip","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/tooltip/tooltip.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TooltipWithCustomZIndex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryFlex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryGrid","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ItemsCenteredHorizontally","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"ItemsCenteredVertically","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Multiline","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"NestedTracks","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateManyItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateNestedTracks","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithFormItems","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"TemplateWithFormItemsComplex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Vertical","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalMobileOnly","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalMobileOnlyMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalReverseMobileOnly","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"VerticalReverseMobileOnlyMobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithCustomGap","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithEqualSizeFormItemsFlexRow","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithEqualSizeFormItemsGridCol","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithEqualSizeFormItemsGridRow","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFlexLayout","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithFormItemsComplex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"WithGridLayout","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.component.ts","type":"component","linktype":"component","name":"TrackComponent","coveragePercent":46,"coverageCount":"7/15","status":"medium"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryFlex","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"categoryGrid","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Default","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Mobile","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/track/track.html.stories.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"Template","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/ui.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"components","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/ui.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"directives","coveragePercent":0,"coverageCount":"0/1","status":"low"},{"filePath":"libs/ui/src/lib/ui.module.ts","type":"variable","linktype":"miscellaneous","linksubtype":"variable","name":"pipes","coveragePercent":0,"coverageCount":"0/1","status":"low"}]}}'),sorting_order_namespaceObject=JSON.parse('{"r":["Intro","TODOS","Styles",["How to install","How to use","How to contribute","Available variables",["Overview","Colors","Typography","Spacing"]],"Icons",["How to install","How to use","How to contribute","Available icons"],"HTML",["Track","Screenreader text","Content container","Content panel","Form",["Form item","Input","Radio button group","Textarea","Select"],"Button","Table","Status badge","Accordion","Icon","Labeled icon","Steps","Table of contents","Notification","Tabs",["Tabs","Tab group"],"Html section","Tooltip","Toast","Modal","Reorderable list"],"Angular",["Installation","Track",["Quick start","Stories"],"Screenreader text","Content container","Content panel","Form",["Form item","Input","Radio button group","Textarea","Select","Datepicker","Form message"],"Button","Table","Status badge","Accordion","Icon","Labeled icon","Steps",["Steps","Step","Step panel"],"Table of contents",["Table of contents wrapper","Table of contents","Table of contents item","Generated table of contents"],"Notification","Tabs",["Readme","Tabs","Tab group"],"Html section","Tooltip","Toast","Modal",["Modal directive","Modal","Confirmation modal"],"Reorderable list"],"Angular Diagrams",["Installation"]]}');var preview=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js");__webpack_require__("./node_modules/cypress-storybook/angular.js");(0,angular.P)(documentation_namespaceObject);var parameters={html:{root:"[ng-version]",prettier:{htmlWhitespaceSensitivity:"ignore",bracketSameLine:!0,singleAttributePerLine:!1,printWidth:140},removeComments:!0,transform:function transform(code){return code.replace(/(?:_nghost|ng-reflect|_ngcontent|data-cy|dataattribute|cving|data-chromatic).*?="[\S\s]*?"/g,"")}},docs:{extractComponentDescription:function extractComponentDescription(_,_ref){var notes=_ref.notes;return notes?"string"==typeof notes?notes:notes.markdown||notes.text:null},source:{state:"open"}},backgrounds:{default:"Default",values:[{name:"Default",value:"#ffffff"},{name:"Dark",value:"#13100d"},{name:"Gray",value:"#f0f0f2"},{name:"Darkgray",value:"#cccccc"}]},options:{storySort:{order:sorting_order_namespaceObject.r}},layout:"centered",viewport:{viewports:preview.p},angularLegacyRendering:!1},decorators=[(0,client.moduleMetadata)({imports:[ui_module.W,StorybookModule]})],__namedExportsOrder=["parameters","decorators"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js")},"./libs/storybook/src/lib/stories/angular.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,installation:()=>installation});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_ui_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/ui/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-the-angular-ui-kit"},"How to Install the Angular UI Kit"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Installation",mdxType:"Story"},{props:{uiPkg:_libs_ui_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ uiPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"peerdependencies"},"peerDependencies"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},'"@angular/animations": "^14.1.1",\n"@angular/cdk": "^14.2.0",\n"@angular/common": "^14.1.1",\n"@angular/core": "^14.1.1",\n"@angular/elements": "^14.1.3",\n"@angular/platform-browser": "^14.1.1",\n"@angular/platform-browser-dynamic": "^14.1.1"\n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"installation"},"Installation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-ng\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",{start:3},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Import ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"UiModule")," in your ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"app.module.ts"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"import { UiModule } from '@egov/cvi-ng';\n\n@NgModule({\n ...\n imports: [BrowserModule, UiModule],\n ...\n})\n")))}MDXContent.isMDXComponent=!0;var installation=function installation(){return{props:{uiPkg:_libs_ui_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ uiPkg.version }}\n "}};installation.storyName="Installation",installation.parameters={storySource:{source:"{\n props: {\n uiPkg\n },\n template: `\n Latest version: {{ uiPkg.version }}\n `\n}"}};var componentMeta={title:"Angular/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["installation"]},mdxStoryNameToKey={Installation:"installation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["installation"]},"./libs/storybook/src/lib/stories/icons/contributions.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=(__webpack_require__("./libs/icons/package.json"),["components"]);function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Icons/How to contribute",parameters:{viewMode:"docs"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"adding-icons-to-cvi"},"Adding icons to CVI"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Adding an icon to the library is simple."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"To add an icon with a file name of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"my-icon-name.svg"),":"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"drop the icon file in SVG format into ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"/libs/icons/src/lib/svg")," folder;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"run ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"npm run generate-icons"),";"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"(optional) import the icon to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"ui.module.ts")," as ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"cviMyIconName")," if you intend to use it inside of this library.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The new icon can be added to your app with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"cvi-ng-icon")," component using ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"name")," prop in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"my_icon_name")," format."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Make sure that the SVG code of the icon is cleaned and optimised for recoloring. Make sure the icon:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't contain internal CSS;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't contain any classes (a class added to the svg tag itself is allowed);"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't have ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"fill"),"/",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"stroke")," attributes (colors are expected to be set in CSS outside of the icon);"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"doesn't have ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"width"),"/",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"height")," attributes;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"...is a proper icon and not a logo or an illustration.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Icons are automatically linted with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/svglint",target:"_blank",rel:"nofollow noopener noreferrer"},"SVGLint"),"."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Icons/How to contribute",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/icons/installation.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,installation:()=>installation});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_icons_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/icons/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Icons/How to install",parameters:{viewMode:"docs"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-cvi-icons"},"How to Install CVI Icons"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Installation",mdxType:"Story"},{props:{iconsPkg:_libs_icons_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ iconsPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library:"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-icons\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Check the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"li",href:"?path=/docs/icons-how-to-use--page"},"usage page")," for integration examples. Remember that for Angular, integration includes registering an icon in an icons registry.")))}MDXContent.isMDXComponent=!0;var installation=function installation(){return{props:{iconsPkg:_libs_icons_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ iconsPkg.version }}\n "}};installation.storyName="Installation",installation.parameters={storySource:{source:"{\n props: {\n iconsPkg\n },\n template: `\n Latest version: {{ iconsPkg.version }}\n `\n}"}};var componentMeta={title:"Icons/How to install",parameters:{viewMode:"docs"},includeStories:["installation"]},mdxStoryNameToKey={Installation:"installation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["installation"]},"./libs/storybook/src/lib/stories/icons/list.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Template:()=>Template,__namedExportsOrder:()=>__namedExportsOrder,allIcons:()=>allIcons,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_ui_src_lib_icons_storybook_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./libs/ui/src/lib/icons/storybook-icons.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Template=function Template(args){return{props:Object.assign({},args,{icons:_ui_src_lib_icons_storybook_icons__WEBPACK_IMPORTED_MODULE_11__.T,filteredIcons:_ui_src_lib_icons_storybook_icons__WEBPACK_IMPORTED_MODULE_11__.T,filterIcons:function filterIcons(query,icons){return query?icons.filter((function(iconName){return iconName.includes(query)})):icons}}),template:'\n \n \n \n \n \n \n '}},layoutProps={Template};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__.h_,{title:"Icons/Available Icons",parameters:{layout:"padded",axe:{skip:!0},backgrounds:{default:"Darkgray"}},argTypes:{fill:{name:"Icon color",control:{type:"color"}}},args:{fill:"red"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)("p",null,"Switch to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)("em",{parentName:"p"},"Canvas")," tab for a full-screen view."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__.oG,{name:"All icons",height:"540px",mdxType:"Story"},Template.bind({})))}MDXContent.isMDXComponent=!0;var allIcons=Template.bind({});allIcons.storyName="All icons",allIcons.parameters={storySource:{source:'args => ({\n props: { ...args,\n icons: storybookIconsNames,\n filteredIcons: storybookIconsNames,\n filterIcons: (query, icons) => {\n return query ? icons.filter(iconName => iconName.includes(query)) : icons;\n }\n },\n template: `\n \n \n \n \n \n \n `\n})'}};var componentMeta={title:"Icons/Available Icons",parameters:{layout:"padded",axe:{skip:!0},backgrounds:{default:"Darkgray"}},args:{fill:"red"},argTypes:{fill:{name:"Icon color",control:{type:"color"}}},includeStories:["allIcons"]},mdxStoryNameToKey={"All icons":"allIcons"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_10__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_9__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["Template","allIcons"]},"./libs/storybook/src/lib/stories/icons/usage.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Icons/How to use",parameters:{viewMode:"docs"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"usage"},"Usage"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"angular"},"Angular"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"registering-an-icon"},"Registering an icon"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The library supports tree shaking (if the icon library contains hundreds of icons but only one of them is used, only one ends up in the resulting bundle). This approach supports code splitting and lazy loading in a way that the icon only ends up in the chunk it is used."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"For these reasons, an icon registry available via ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov/cvi-ng")," should be used to register the icons you use in a module of your app:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"constructor(private registry: IconsRegistry) {\n this.registry.registerIcons([\n cviCall\n ]);\n }\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h3",{id:"using-via-component"},"Using via component"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"We provide a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"?path=/story/angular-icon--default"},"reusable component for the icons (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"IconComponent"),")"),". It is a component that accepts an icon name in snake_case as an Input property and displays the icon."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"typescript"},"Typescript"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"import {cviCall, CviIcon} from '@egov/cvi-icons';\n\nconst container = document.getElementById('.container');\n\nfunction buildSVGElement(icon: CviIcon): SVGElement {\n const div = document.createElement('DIV');\n div.innerHTML = icon.data;\n return (\n div.querySelector('svg') ||\n this.document.createElementNS('http://www.w3.org/2000/svg', 'path')\n );\n}\n\ncontainer.appendChild(buildSVGElement(icon));\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"vanilla-js"},"Vanilla JS"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-js"},"import {cviCall} from '@egov/cvi-icons';\n\nconst container = document.getElementById('.container');\n\nfunction buildSVGElement(icon) {\n const div = document.createElement('DIV');\n div.innerHTML = icon.data;\n return (\n div.querySelector('svg') ||\n this.document.createElementNS('http://www.w3.org/2000/svg', 'path')\n );\n}\n\ncontainer.appendChild(buildSVGElement(icon);\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Icons/How to use",parameters:{viewMode:"docs"},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/intro.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>intro_stories});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styles_package=__webpack_require__("./libs/styles/package.json"),icons_package=__webpack_require__("./libs/icons/package.json"),ui_package=__webpack_require__("./libs/ui/package.json");const react_ui_package_namespaceObject_i8="0.2.0";var ng_diagrams_package=__webpack_require__("./libs/ng-diagrams/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,esm.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,esm.kt)(dist_esm.h_,{title:"Intro",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,esm.kt)("h1",{id:"welcome-to-the-e-gov-cvi-ui-library"},"Welcome to the e-Gov CVI UI library!"),(0,esm.kt)("p",null,"These Storybook docs contain detailed information on how to install and use CVI."),(0,esm.kt)("p",null,"The implementations include a shared CSS library (preprocessed with Sass) and HTML examples based on it, as well a UI kit in Angular, a UI kit in React and a typed icon library."),(0,esm.kt)("p",null,"Please choose an item you need in the sidebar to the left (press ",(0,esm.kt)("inlineCode",{parentName:"p"},"S")," if you don't see it)."),(0,esm.kt)("p",null,"CVI UI library is a neverending work in progress that welcomes any feedback and becomes better thanks to you, its users."),(0,esm.kt)("p",null,"The project source code is located ",(0,esm.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi",target:"_blank",rel:"nofollow noopener noreferrer"},"here"),"."),(0,esm.kt)("h2",{id:"latest-package-versions"},"Latest package versions"),(0,esm.kt)("b",null,(0,esm.kt)("p",null,"Styles: ",styles_package.version),(0,esm.kt)("p",null,"Icons: ",icons_package.version),(0,esm.kt)("p",null,"Angular UI kit: ",ui_package.version),(0,esm.kt)("p",null,"Angular Diagrams: ",ng_diagrams_package.version),(0,esm.kt)("p",null,"React UI kit: ",react_ui_package_namespaceObject_i8)))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Intro",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,esm.kt)(dist_esm.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,esm.kt)(MDXContent,null))}});const intro_stories=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/ng-diagrams.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,installation:()=>installation});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_ng_diagrams_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/ng-diagrams/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular Diagrams/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-the-angular-diagrams-library"},"How to Install the Angular Diagrams library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Installation",mdxType:"Story"},{props:{diagramsPkg:_libs_ng_diagrams_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ diagramsPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"peerdependencies"},"peerDependencies"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},'"@angular/animations": ">=14.1.0",\n"@angular/common": ">=14.1.0",\n"@angular/core": ">=14.1.0",\n"@angular/platform-browser": ">=14.1.0",\n"@angular/platform-browser-dynamic": ">=14.1.0",\n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"installation"},"Installation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-ng-diagrams\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",{start:3},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Import ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"NgDiagramsModule")," in your ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"app.module.ts"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-ts"},"\nimport { NgDiagramsModule } from '@egov/cvi-ng-diagrams';\n\n@NgModule({\n ...\n imports: [NgDiagramsModule],\n ...\n})\n")))}MDXContent.isMDXComponent=!0;var installation=function installation(){return{props:{diagramsPkg:_libs_ng_diagrams_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ diagramsPkg.version }}\n "}};installation.storyName="Installation",installation.parameters={storySource:{source:"{\n props: {\n diagramsPkg\n },\n template: `\n Latest version: {{ diagramsPkg.version }}\n `\n}"}};var componentMeta={title:"Angular Diagrams/Installation",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["installation"]},mdxStoryNameToKey={Installation:"installation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["installation"]},"./libs/storybook/src/lib/stories/styles/contributions.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/How to contribute",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-contribute-to-the-library-styles"},"How to contribute to the library styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Styles of the library are meant to be used in any environment and with any tech stack. Thus they are decoupled from any specific framework. That is also why the styles are global – you can add the styles to any kind of web development platform, be it Angular, React, or something else."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"To manage the complexity of global styles, it utilises the concept of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("strong",{parentName:"p"},"Sass components")," that are independent from each other and are designed to be reusable. A Sass component can be used inside another. Although in CVI usually there is a Sass component designated for each Javascript component, one Javascript component could be styled by several Sass components. Also, multiple instances of the same Sass component could be employed in a codebase by providing a custom class name via ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"$base")," Sass argument passed to each component mixin."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"adding-a-new-sass-component-quick-start"},"Adding a new Sass component: quick start"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"To add a new Sass component, follow these steps:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Create a new Sass file in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"lib/scss/components")," folder. Provide a file name according to the component name, e.g. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"button.scss"),". Don't use arbitrary file names to avoid confusion."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"The file should have a mixin with a name ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"cvi-"),", e.g. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"cvi-button"),". CSS applying to host/root of a component should go to the top level inside the mixin. CSS applying to the component's children (regardless of actual DOM nesting level) should be nested under ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"@at-root")," rule, with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"#{base}__")," as a prefix (see below)."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Open ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"main.scss")," file in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"lib/scss")," folder. Add a new import there under the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"// Components")," section."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Also apply mixin in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"apply.scss")," file, usually to a class of the same name.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"classes-and-selectors"},"Classes and selectors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"CSS in CVI is global and therefore needs some convention to follow in order to avoid naming conflicts. We roughly follow ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://en.bem.info",target:"_blank",rel:"nofollow noopener noreferrer"},"BEM naming convention"),":"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"__")," (double space) for an element;"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"--")," (double hyphen) for a modifier."))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Classes of one Sass component should not be used in another Sass component. Eg. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},".cvi-button")," class should not appear inside of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},".cvi-notification"),". Use CSS variables to affect child's appearance from a parent or add a modifier class to the child.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"There are other BEM rules to follow that can be found in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://en.bem.info/methodology/quick-start/",target:"_blank",rel:"nofollow noopener noreferrer"},"BEM documentation"),".")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Don't use element selectors (eg ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"span"),"). Utilise classes exclusively for selectors. Add class attributes to all elements in the HTML that need to be styled.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"All classes should be prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"#{base}")," to allow reusing a Sass component as a mixin with a different base name.")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Avoid encapsulated styles in the Angular part of the library. Always use global classes. Encapsulation is perfectly fine to use in your project, though."))))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Styles/How to contribute",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/styles/installation.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,howToInstall:()=>howToInstall});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_libs_styles_package_json__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./libs/styles/package.json"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"how-to-install-cvi-styles"},"How to Install CVI Styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/How to install",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"How to install",mdxType:"Story"},{props:{stylesPkg:_libs_styles_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ stylesPkg.version }}\n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The library styles are built using Sass (namely ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://sass-lang.com/dart-sass",target:"_blank",rel:"nofollow noopener noreferrer"},"Dart Sass"),")."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Add the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@egov")," registry to your npm configuration (see the first step in the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi#%EF%B8%8F-installation-instructions",target:"_blank",rel:"nofollow noopener noreferrer"},"general Installation instructions"),").")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Install the library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"npm i --save @egov/cvi-styles\n"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",{parentName:"li"},"Include styles to a Sass file in the project:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",{parentName:"li"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre"},"@use '@egov/cvi-styles/main';\n")))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can also ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@use")," or ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@import")," a specific Sass module from the library, eg. ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"@use '@egov/cvi-styles/settings/variables/typography';"),"."))}MDXContent.isMDXComponent=!0;var howToInstall=function howToInstall(){return{props:{stylesPkg:_libs_styles_package_json__WEBPACK_IMPORTED_MODULE_8__},template:"\n Latest version: {{ stylesPkg.version }}\n "}};howToInstall.storyName="How to install",howToInstall.parameters={storySource:{source:"{\n props: {\n stylesPkg\n },\n template: `\n Latest version: {{ stylesPkg.version }}\n `\n}"}};var componentMeta={title:"Styles/How to install",parameters:{viewMode:"docs",chromatic:{disableSnapshot:!0}},includeStories:["howToInstall"]},mdxStoryNameToKey={"How to install":"howToInstall"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["howToInstall"]},"./libs/storybook/src/lib/stories/styles/usage.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/How to use",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"using-the-library-styles"},"Using the library styles"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The library offers Sass and CSS variables, Sass components, and utility classes and mixins. All of those should be easy to use in your project."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Some of the components also provide an occasional CSS variable that allows to override its styles from outside."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"variables"},"Variables"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"In the library you can find a huge range of Sass and CSS variables and presentational Sass functions that mirror design tokens of the design system. See ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"?path=/docs/styles-available-variables-overview--page"},"Variables Overview")," page for more details."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"components"},"Components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"All Sass components use the same structure and are found in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/tree/main/libs/styles/src/lib/scss/components",target:"_blank",rel:"nofollow noopener noreferrer"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"src/lib/scss/components")," folder"),". To employ a Sass component in your code, ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"include")," a component mixin to a class of your choice:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-scss"},".myapp-alert {\n @include cvi-notification;\n}\n")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Ensure that classes in your HTML correspond to the class names defined in the mixin (prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"__")," or ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--"),"). A part before the prefix would use the name of your own class. Eg. an JSX example would look like this:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("pre",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("code",{parentName:"pre",className:"language-jsx"},'
    \n

    {title}

    \n

    {content}

    \n
    \n')),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"In your app you can assign classes prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--")," to props of a Javascript component."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can also explore ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/tree/main/libs/ui/src/lib",target:"_blank",rel:"nofollow noopener noreferrer"},"code of Angular components")," published as a part of this library as an example."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"utility-classes-and-mixins"},"Utility classes and mixins"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Some often-used utility classes and Sass mixins are also available in the library. See all ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/blob/main/libs/styles/src/lib/scss/settings/_mixins.scss",target:"_blank",rel:"nofollow noopener noreferrer"},"the mixins in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"lib/scss/settings/_mixins.scss"))," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://github.com/e-gov/cvi/blob/main/libs/styles/src/lib/scss/settings/_utility-classes.scss",target:"_blank",rel:"nofollow noopener noreferrer"},"the utility classes in ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"a"},"lib/scss/settings/_utility-classes.scss")),"."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Styles/How to use",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/styles/variables/colors.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,blackCoral:()=>blackCoral,colorsTotal:()=>colorsTotal,darkTangerine:()=>darkTangerine,default:()=>__WEBPACK_DEFAULT_EXPORT__,jasper:()=>jasper,orange:()=>orange,sapphireBlue:()=>sapphireBlue});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var colorsTotal=21,layoutProps={colorsTotal};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Colors",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"colors"},"Colors"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI has a choice of colors grouped by basic color variations."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Colors can be used both in Sass (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-color(dark-tangerine-0)"),") and as CSS variables (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"var(--cvi-color-dark-tangerine-0)"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"black-coral"},"Black coral"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Black coral",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:"\n \n \n \n "}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"dark-tangerine"},"Dark tangerine"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Dark tangerine",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"jasper"},"Jasper"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Jasper",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"orange"},"Orange"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Orange",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"sapphire-blue"},"Sapphire blue"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Sapphire blue",height:"540px",mdxType:"Story"},{props:{colorsTotal},template:'\n \n \n \n '}))}MDXContent.isMDXComponent=!0;var blackCoral=function blackCoral(){return{props:{colorsTotal},template:"\n \n \n \n "}};blackCoral.storyName="Black coral",blackCoral.parameters={storySource:{source:"{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}"}};var darkTangerine=function darkTangerine(){return{props:{colorsTotal},template:'\n \n \n \n '}};darkTangerine.storyName="Dark tangerine",darkTangerine.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var jasper=function jasper(){return{props:{colorsTotal},template:'\n \n \n \n '}};jasper.storyName="Jasper",jasper.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var orange=function orange(){return{props:{colorsTotal},template:'\n \n \n \n '}};orange.storyName="Orange",orange.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var sapphireBlue=function sapphireBlue(){return{props:{colorsTotal},template:'\n \n \n \n '}};sapphireBlue.storyName="Sapphire blue",sapphireBlue.parameters={storySource:{source:'{\n props: {\n colorsTotal\n },\n template: `\n \n \n \n `\n}'}};var componentMeta={title:"Styles/Available variables/Colors",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["blackCoral","darkTangerine","jasper","orange","sapphireBlue"]},mdxStoryNameToKey={"Black coral":"blackCoral","Dark tangerine":"darkTangerine",Jasper:"jasper",Orange:"orange","Sapphire blue":"sapphireBlue"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["colorsTotal","blackCoral","darkTangerine","jasper","orange","sapphireBlue"]},"./libs/storybook/src/lib/stories/styles/variables/spacing.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,sizes:()=>sizes,spacing:()=>spacing});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizes=[{name:"loksa",value:4},{name:"paldiski",value:8},{name:"rapla",value:10},{name:"elva",value:12},{name:"haapsalu",value:16},{name:"valga",value:20},{name:"kuressaare",value:24},{name:"viljandi",value:32},{name:"parnu",value:48},{name:"narva",value:60}],layoutProps={sizes};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Spacing",parameters:{viewMode:"docs",layout:"fullscreen",axe:{skip:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"spacing-patterns"},"Spacing patterns"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI has numerous options when it comes to spacing."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Spacing patterns are named according to a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("a",{parentName:"p",href:"https://en.wikipedia.org/wiki/List_of_cities_and_towns_in_Estonia",target:"_blank",rel:"nofollow noopener noreferrer"},"list of Estonian cities")," and sorted by their population. This should give a good idea about a pattern's size while allowing to insert newer sizes in between."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can pick a font size by employing Sass variables (with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-spacing()")," function) or using ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-spacing-")," CSS variables."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Spacing",height:"650px",mdxType:"Story"},{props:{sizes},template:"\n \n \n \n "}))}MDXContent.isMDXComponent=!0;var spacing=function spacing(){return{props:{sizes},template:"\n \n \n \n "}};spacing.storyName="Spacing",spacing.parameters={storySource:{source:"{\n props: {\n sizes\n },\n template: `\n \n \n \n `\n}"}};var componentMeta={title:"Styles/Available variables/Spacing",parameters:{viewMode:"docs",layout:"fullscreen",axe:{skip:!0}},includeStories:["spacing"]},mdxStoryNameToKey={Spacing:"spacing"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["sizes","spacing"]},"./libs/storybook/src/lib/stories/styles/variables/typography.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,fontSizes:()=>fontSizes,sizes:()=>sizes});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var sizes=[{name:"50",value:10},{name:"70",value:12},{name:"80",value:14},{name:"100",value:16},{name:"200",value:18},{name:"220",value:20},{name:"250",value:24},{name:"300",value:28},{name:"350",value:32},{name:"400",value:36},{name:"500",value:48}],layoutProps={sizes};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Typography",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"font-size-scale"},"Font size scale"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI has a range of font sizes to choose from."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can pick a font size by employing a CSS variable (prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-font-size"),") or using a ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-font-size()")," Sass function."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Font sizes",height:"650px",mdxType:"Story"},{props:{sizes},template:'\n Font size: {{ size.value }}px. City trail fallen select drop she tower else flight glass.\n '}))}MDXContent.isMDXComponent=!0;var fontSizes=function fontSizes(){return{props:{sizes},template:'\n Font size: {{ size.value }}px. City trail fallen select drop she tower else flight glass.\n '}};fontSizes.storyName="Font sizes",fontSizes.parameters={storySource:{source:'{\n props: {\n sizes\n },\n template: `\n Font size: {{ size.value }}px. City trail fallen select drop she tower else flight glass.\n `\n}'}};var componentMeta={title:"Styles/Available variables/Typography",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["fontSizes"]},mdxStoryNameToKey={"Font sizes":"fontSizes"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["sizes","fontSizes"]},"./libs/storybook/src/lib/stories/styles/variables/variables.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Styles/Available variables/Overview",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"variables-overview"},"Variables overview"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"variables-and-functions"},"Variables and functions"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"CVI possesses a lot of ways to use design tokens of the design system in your codebase."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Variables are available for a wide range of properties, including:"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Type sizes (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"font-size")," CSS property);"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Font weights (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"font-weight"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Line heights (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"line-height"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Border radii (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"border-radius"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Shadows (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"box-shadow"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Spacing (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"margin"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"padding"),");"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Breakpoints (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"@media")," queries).")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"You can use Sass functions (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()"),") or Sass variables (",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"$cvi-property"),", deprecated), as well as CSS custom properties (prefixed with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi"),"). This holds true for most of the design tokens."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"All ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()")," functions retrieve a value from a Sass map containing a certain category of design tokens and use a key in that map as an argument. A ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()")," function will return a CSS custom property by default. If you need a raw value to be returned (for example to be used in Sass calculations), with some of the ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"get-property()")," Sass functions you can set the second argument to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"true"),". Or you can extract the value directly from a Sass map using native ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"map.get()")," function."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"See the table for full variable reference."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"reference"},"Reference"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("table",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("thead",{parentName:"table"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"thead"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"Design token"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"Use as CSS"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"Use as Sass"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("th",{parentName:"tr",align:null},"All values found in"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tbody",{parentName:"table"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Color"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-color-black-coral-0"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-color-rgb-black-coral-0")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-color(black-coral-0)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-colors"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Font size"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-font-size-50")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-font-size(50)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-font-sizes"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Line height"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-line-height-100")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-line-height(100)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-line-heights"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Font weight"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-font-weight-alpha")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-font-weight(alpha)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-font-weights"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Size unit"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-spacing-unit")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-spacing-unit")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Margin/padding/gap"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-spacing-loksa")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-spacing(loksa)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-spacing-patterns"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Border radius"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-radius-xs")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"map.get($cvi-radii, xs)")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-radii"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Shadow"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"--cvi-shadow-alpha")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Z-index"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"get-z-index('modal', '__dialog')")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-z-indexes"))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("tr",{parentName:"tbody"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"Breakpoint"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},"-"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"cvi-breakpoint-down(), cvi-breakpoint-up()")),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("td",{parentName:"tr",align:null},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"td"},"$cvi-grid-breakpoints"))))),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"usage-notes"},"Usage notes"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("ol",null,(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Note that usage of one-value Sass variables like ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"$cvi-font-size-50")," for anything except breakpoints is being deprecated (with no due date for removal)."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"--cvi-color-rgb-")," to achieve translucent color, in this format: ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"rgba(var(--cvi-color-rgb-) / )"),", for example ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"rgba(var(--cvi-color-rgb-dark-tangerine-2) / .15)"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"get-z-index()")," Sass function and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"$cvi-z-indexes")," map to set ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"z-index"),". This should prevent ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"z-index")," conflicts and bugs and will help with managing multiple ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"z-index")," values across Sass components. See ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"_z-indexes.scss")," for more information."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("li",{parentName:"ol"},"When using raw pixel-based values, round pixel values to the nearest even integer, preferably one that is divisible by 4 (eg ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"12px")," is better than ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"13px"),", but ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"li"},"14px")," but is still OK). This rule applies even if a Figma design tells you otherwise.")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Styles/Available variables/Overview",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/storybook/src/lib/stories/todos.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"TODOS",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"todos"},"TODOS"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"dependencies"},"Dependencies"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - html-section: depends on sanitize-html, should rewrite without the dependency"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"main-todos"},"Main todos"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - move from bitbucket to github"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - refactor Angular components into either standalone components or create modules to provide better encapsulation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - create an introductory page for the design system that gives entry points to relevant information:\ne.g projects using this system, where to find docs, what is included"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - automatically generate WCAG reports"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - create missing design tokens (breakpoints, utility classes)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - notifications bot for changelog"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - icons story to display all the available icons"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - a default story for every component"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - show changelogs under the storybook for every library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - move todos into a separate TODOS.md file and link the content to the storybook story"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - icons as a separate tree shakable library"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - CSS guidelines"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"documentation"},"Documentation"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - angular components usage"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - angular components guidelines"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - contribution guidelines for Sass components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - contribution guidelines for variables"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - a doc page for line heights and font weights"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - a doc page for border-radius and shadows"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"planned-angular-components"},"Planned Angular components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - modal component (Pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - select component (Pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - tooltip component (Pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[X]"," - toasts (pääsuke)"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"requested-features-and-components"},"Requested features and components"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"[ ]"," - ..."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"TODOS",parameters:{viewMode:"docs",layout:"fullscreen",chromatic:{disableSnapshot:!0}},includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["__page"]},"./libs/ui/src/lib/tabs/tabs-readme.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,tabGroup:()=>tabGroup,tabs:()=>tabs});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular/Tabs/Readme",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"which-tabs-component-to-use"},"Which tabs component to use?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"In CVI there are two versions of tabs. Both versions have compatible API (props and nesting principles are the same). They also both make use of ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"TabComponent")," as a child."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The new tabs are implemented by ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"TabsComponent"),". It has a refreshed design, is mobile-friendly and on mobile replaces the tabs interface with a dropdown."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Tabs",height:"160px",mdxType:"Story"},{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The older tabs are implemented by ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"TabGroupComponent"),". It is not mobile-friendly, but still represents a full-fledged component. It is deprecated and meant to be gradually replaced by the new tabs, with not specific timeline set yet."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Tab group",height:"160px",mdxType:"Story"},{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '})))}MDXContent.isMDXComponent=!0;var tabs=function tabs(){return{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '}};tabs.storyName="Tabs",tabs.parameters={storySource:{source:'{\n template: `\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n `\n}'}};var tabGroup=function tabGroup(){return{template:'\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n '}};tabGroup.storyName="Tab group",tabGroup.parameters={storySource:{source:'{\n template: `\n \n Some text\n \n Star machine truth tube dirt breath section soldier symbol charge keep cap locate hundred its habit before breathing sent correct off pool here enjoy.\n \n Third tab content. File not found. I was having the most wonderful dream. Except you were there, and you were there, and you were there! And when we woke up, we had these bodies. I could if you hadn\'t turned on the light and shut off my stereo.\n \n `\n}'}};var componentMeta={title:"Angular/Tabs/Readme",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["tabs","tabGroup"]},mdxStoryNameToKey={Tabs:"tabs","Tab group":"tabGroup"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["tabs","tabGroup"]},"./libs/ui/src/lib/track/track-quick-start.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__,flexibleFormItems:()=>flexibleFormItems,formItemsAsAGrid:()=>formItemsAsAGrid,formItemsAsAGridGroupedByColumns:()=>formItemsAsAGridGroupedByColumns,oppositeEdges:()=>oppositeEdges,toolbarWithSeveralButtonsGrouped:()=>toolbarWithSeveralButtonsGrouped,twoRowFixedFormItems:()=>twoRowFixedFormItems});__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("wrapper",_extends({},layoutProps,props,{components,mdxType:"MDXLayout"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.h_,{title:"Angular/Track/Quick start",parameters:{viewMode:"docs",layout:"fullscreen"},mdxType:"Meta"}),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h1",{id:"quick-start-and-component-faq"},"Quick start and component FAQ"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"how-to-move-items-to-opposite-edges"},"How to move items to opposite edges?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="flex"')," (default) with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'horizontalAlignment="justify"'),":"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Opposite edges",mdxType:"Story"},{template:'\n \n Button 1\n Button on the other edge\n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"can-i-do-a-toolbar-like-layout-using-just-cvi-ng-track"},"Can I do a toolbar-like layout using just ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"h2"},"cvi-ng-track"),"?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Sure! Just nest two tracks."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Note that in cases like this you can also use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'verticalAlignment="center"')," to balance items vertically."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Toolbar with several buttons grouped",mdxType:"Story"},{template:'\n \n \n Button to the left\n Another button\n \n \n A link on the right\n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-have-some-form-items-of-equal-width-they-need-to-wrap-into-multiple-rows-if-they-dont-fit-i-dont-care-about-item-width-across-different-rows-is-it-possible"},"I need to have some form items of equal width, they need to wrap into multiple rows if they don't fit. I don't care about item width across different rows. Is it possible?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, you can. Use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="flex"')," (default) with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'flexColumnsEqual="true"')," and ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'flexIsMultiline="true"'),". You can also set ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'verticalAlignment="bottom"')," to make sure labels with multiple lines won't create misalignment with neighbouring items."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Note: by default some form controls have a maximum width. You can set ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-textfield--single-line--max-width"),", ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"--cvi-textfield--multiple-lines--max-width")," or similar CSS variables of a form control component to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"100%")," to make sure a form control fills all available space."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"The variables can be set anywhere in a common parent eg. via ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"[ngStyle]"),"."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Flexible form items",height:"200px",parameters:{chromatic:{disableSnapshot:!0}},mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-put-some-form-items-of-equal-width-on-the-first-row-along-with-a-single-form-item-on-the-second-row-taking-all-space-can-i-do-it"},"I need to put some form items of equal width on the first row along with a single form item on the second row taking all space. Can I do it?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, you can. Create a track and set it to ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'flexDirection="vertical"')," with some ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"gap"),". Drop another track into it as a container for the first row. Then just add a single form item next to this child track."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"See the previous question to stretch a form item to all available width."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Two row fixed form items",height:"200px",parameters:{chromatic:{disableSnapshot:!0}},mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-have-some-form-items-of-equal-width-table-like-layout-items-should-flow-from-left-to-right-can-it-be-done"},"I need to have some form items of equal width (table-like layout). Items should flow from left to right. Can it be done?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, just use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="grid"'),". Items will wrap automatically into multiple rows if needed."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Form items as a grid",height:"200px",parameters:{chromatic:{disableSnapshot:!0}},mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("h2",{id:"i-need-to-have-some-form-items-of-equal-width-table-like-layout-but-the-items-should-flow-from-top-to-bottom-column-by-column-can-it-be-done"},"I need to have some form items of equal width (table-like layout). But the items should flow from top to bottom, column by column. Can it be done?"),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("p",null,"Yes, use ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},'layout="grid"')," with ",(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)("inlineCode",{parentName:"p"},"gridRows")," set to the needed amount of rows."),(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.Xz,{mdxType:"Canvas"},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.oG,{name:"Form items as a grid, grouped by columns",height:"200px",mdxType:"Story"},{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '})))}MDXContent.isMDXComponent=!0;var oppositeEdges=function oppositeEdges(){return{template:'\n \n Button 1\n Button on the other edge\n \n '}};oppositeEdges.storyName="Opposite edges",oppositeEdges.parameters={storySource:{source:'{\n template: `\n \n Button 1\n Button on the other edge\n \n `\n}'}};var toolbarWithSeveralButtonsGrouped=function toolbarWithSeveralButtonsGrouped(){return{template:'\n \n \n Button to the left\n Another button\n \n \n A link on the right\n \n \n '}};toolbarWithSeveralButtonsGrouped.storyName="Toolbar with several buttons grouped",toolbarWithSeveralButtonsGrouped.parameters={storySource:{source:'{\n template: `\n \n \n Button to the left\n Another button\n \n \n A link on the right\n \n \n `\n}'}};var flexibleFormItems=function flexibleFormItems(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};flexibleFormItems.storyName="Flexible form items",flexibleFormItems.parameters=Object.assign({storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}},{chromatic:{disableSnapshot:!0}});var twoRowFixedFormItems=function twoRowFixedFormItems(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};twoRowFixedFormItems.storyName="Two row fixed form items",twoRowFixedFormItems.parameters=Object.assign({storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}},{chromatic:{disableSnapshot:!0}});var formItemsAsAGrid=function formItemsAsAGrid(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};formItemsAsAGrid.storyName="Form items as a grid",formItemsAsAGrid.parameters=Object.assign({storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}},{chromatic:{disableSnapshot:!0}});var formItemsAsAGridGroupedByColumns=function formItemsAsAGridGroupedByColumns(){return{template:'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n '}};formItemsAsAGridGroupedByColumns.storyName="Form items as a grid, grouped by columns",formItemsAsAGridGroupedByColumns.parameters={storySource:{source:'{\n template: `\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `\n}'}};var componentMeta={title:"Angular/Track/Quick start",parameters:{viewMode:"docs",layout:"fullscreen"},includeStories:["oppositeEdges","toolbarWithSeveralButtonsGrouped","flexibleFormItems","twoRowFixedFormItems","formItemsAsAGrid","formItemsAsAGridGroupedByColumns"]},mdxStoryNameToKey={"Opposite edges":"oppositeEdges","Toolbar with several buttons grouped":"toolbarWithSeveralButtonsGrouped","Flexible form items":"flexibleFormItems","Two row fixed form items":"twoRowFixedFormItems","Form items as a grid":"formItemsAsAGrid","Form items as a grid, grouped by columns":"formItemsAsAGridGroupedByColumns"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.aT,{mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},(0,_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.kt)(MDXContent,null))}});const __WEBPACK_DEFAULT_EXPORT__=componentMeta;var __namedExportsOrder=["oppositeEdges","toolbarWithSeveralButtonsGrouped","flexibleFormItems","twoRowFixedFormItems","formItemsAsAGrid","formItemsAsAGridGroupedByColumns"]},"./libs/styles/src/lib/scss/main.scss":()=>{},"./libs/ui/src/lib/table/table.component.md":module=>{"use strict";module.exports="## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cvi-ng-table` |\n| Component name | `TableComponent` |\n| Permitted parent/ancestors | any |\n| Permitted children | - |\n\n## Where to use\n\nTo display a table component with or without header block, to where buttons, form inputs etc. can be added.\n"},"./libs/ui/src/lib/tooltip/tooltip.directive.md":module=>{"use strict";module.exports="## General description\n\n| Feature | Description |\n|----------------------------|-------------------|\n| Selector | `cviNgTooltip` |\n| Directive name | `TooltipDirective` |\n| Permitted parent/ancestors | any |\n\n## Where to use\n\nWhen directive is applied to HTML element then hovering over the element displays tooltip above the HTML element.\n\nYou can customise `z-index` of the tooltip by redefining `--cvi-tooltip-zindex` CSS variable in your app.\n"},"?4f7e":()=>{},"?5580":()=>{},"?03fb":()=>{},"?6197":()=>{},"?b8cb":()=>{},"?c717":()=>{},"./generated-stories-entry.cjs":(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("./node_modules/@storybook/angular/dist/ts3.9/client/index.js").configure)([__webpack_require__("./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.ts)$"),__webpack_require__("./libs sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)src\\/lib(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$")],module,!1)},"./libs/icons/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-icons","version":"1.13.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')},"./libs/ng-diagrams/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-ng-diagrams","version":"0.2.0","@angular/animations":">=14.1.0","@angular/common":">=14.1.0","@angular/core":">=14.1.0","@angular/platform-browser":">=14.1.0","@angular/platform-browser-dynamic":">=14.1.0","dependencies":{"d3":"^7.8.5","@types/d3":"^7.4.0"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')},"./libs/styles/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-styles","version":"2.4.1","dependencies":{"tslib":"^2.3.0","@fontsource/roboto":"^4.5.8"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')},"./libs/ui/package.json":module=>{"use strict";module.exports=JSON.parse('{"name":"@egov/cvi-ng","version":"2.5.1","peerDependencies":{"@angular/animations":">=14.1.0","@angular/cdk":">=14.1.0","@angular/common":">=14.1.0","@angular/core":">=14.1.0","@angular/elements":">=14.1.0","@angular/forms":">=14.1.0","@angular/platform-browser":">=14.1.0","@angular/platform-browser-dynamic":">=14.1.0"},"dependencies":{"tslib":"^2.3.0","sanitize-html":"2.7.1","rxjs":"~7.5.6","@egov/cvi-icons":"^1.1.0"},"publishConfig":{"registry":"https://koodivaramu.eesti.ee/api/v4/projects/433/packages/npm/"}}')}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[471],(()=>(__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("./node_modules/@storybook/angular/dist/ts3.9/client/docs/config-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/angular/dist/ts3.9/client/preview/config.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/@whitespace/storybook-addon-html/dist/esm/preset/preview.js-generated-config-entry.js"),__webpack_exec__("./node_modules/storybook-addon-pseudo-states/dist/esm/preset/preview.js-generated-config-entry.js"),__webpack_exec__("./libs/storybook/.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.cjs"),__webpack_exec__("./libs/styles/src/lib/scss/main.scss"))));__webpack_require__.O()}]); \ No newline at end of file diff --git a/main.css b/main.css index 0e34dc23..a4d700ba 100644 --- a/main.css +++ b/main.css @@ -3339,6 +3339,7 @@ h2 { display: flex; justify-content: center; align-items: center; + flex-shrink: 0; } .cvi-circle--size-s { diff --git a/project.json b/project.json index f9cb065d..9d4011f6 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1697541064776,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"nx","packageName":"@nrwl/storybook","version":"15.4.5"},"monorepo":"Nx","packageManager":{"type":"npm","version":"9.8.1"},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@chanzuckerberg/axe-storybook-testing":{"version":"6.3.1"},"@nrwl/storybook":{"version":"15.4.5"},"@storybook/angular":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/core-server":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"cypress-storybook":{"version":"0.5.1"}},"framework":{"name":"angular"},"addons":{"@storybook/addon-essentials":{"version":"6.5.16"},"@whitespace/storybook-addon-html":{"version":"5.1.4"},"@storybook/addon-a11y":{"version":"6.5.14"},"storybook-addon-pseudo-states":{"version":"1.15.1"},"@storybook/addon-viewport":{"version":"6.5.16"},"@storybook/addon-actions":{"version":"6.5.16"}}} +{"generatedAt":1697843248226,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"nx","packageName":"@nrwl/storybook","version":"15.4.5"},"monorepo":"Nx","packageManager":{"type":"npm","version":"9.8.1"},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@chanzuckerberg/axe-storybook-testing":{"version":"6.3.1"},"@nrwl/storybook":{"version":"15.4.5"},"@storybook/angular":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/core-server":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"cypress-storybook":{"version":"0.5.1"}},"framework":{"name":"angular"},"addons":{"@storybook/addon-essentials":{"version":"6.5.16"},"@whitespace/storybook-addon-html":{"version":"5.1.4"},"@storybook/addon-a11y":{"version":"6.5.14"},"storybook-addon-pseudo-states":{"version":"1.15.1"},"@storybook/addon-viewport":{"version":"6.5.16"},"@storybook/addon-actions":{"version":"6.5.16"}}}