@kirbydesign/designsystem 0.0.0

package/testing-base/src/lib/components/mock.modal-footer.component.ts

@@ -0,0 +1,21 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { ModalFooterComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-modal-footer',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: ModalFooterComponent,
+      useExisting: forwardRef(() => MockModalFooterComponent),
+    },
+  ],
+})
+export class MockModalFooterComponent {
+  @Input() snapToKeyboard: boolean;
+  @Input() type: 'inline' | 'fixed';
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.page-footer.component.ts

@@ -0,0 +1,20 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { PageFooterComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-page-footer',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PageFooterComponent,
+      useExisting: forwardRef(() => MockPageFooterComponent),
+    },
+  ],
+})
+export class MockPageFooterComponent {
+  @Input() hasPadding: boolean;
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.page.component.ts

@@ -0,0 +1,152 @@
+import { Component, Directive, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import {
+  PageActionsComponent,
+  PageActionsDirective,
+  PageComponent,
+  PageContentComponent,
+  PageContentDirective,
+  PageProgressComponent,
+  PageSubtitleDirective,
+  PageTitleComponent,
+  PageTitleDirective,
+  PageToolbarTitleDirective,
+  PullToRefreshEvent,
+} from '@kirbydesign/designsystem';
+
+type stickyConfig = { sticky: boolean };
+type fixedConfig = { fixed: boolean };
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Directive({
+  selector: '[kirbyPageTitle]',
+  providers: [
+    {
+      provide: PageTitleDirective,
+      useExisting: forwardRef(() => MockPageTitleDirective),
+    },
+  ],
+})
+export class MockPageTitleDirective {}
+
+@Directive({
+  selector: '[kirbyPageSubtitle]',
+  providers: [
+    {
+      provide: PageSubtitleDirective,
+      useExisting: forwardRef(() => MockPageSubtitleDirective),
+    },
+  ],
+})
+export class MockPageSubtitleDirective {}
+
+@Directive({
+  selector: '[kirbyPageToolbarTitle]',
+  providers: [
+    {
+      provide: PageToolbarTitleDirective,
+      useExisting: forwardRef(() => MockPageToolbarTitleDirective),
+    },
+  ],
+})
+export class MockPageToolbarTitleDirective {}
+
+@Directive({
+  selector: '[kirbyPageActions]',
+  providers: [
+    {
+      provide: PageActionsDirective,
+      useExisting: forwardRef(() => MockPageActionsDirective),
+    },
+  ],
+})
+export class MockPageActionsDirective {
+  @Input('kirbyPageActions') config: stickyConfig | fixedConfig;
+}
+
+@Directive({
+  selector: '[kirbyPageContent]',
+  providers: [
+    {
+      provide: PageContentDirective,
+      useExisting: forwardRef(() => MockPageContentDirective),
+    },
+  ],
+})
+export class MockPageContentDirective {
+  @Input('kirbyPageContent') config: fixedConfig;
+}
+
+@Component({
+  selector: 'kirby-page-progress',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PageProgressComponent,
+      useExisting: forwardRef(() => MockPageProgressComponent),
+    },
+  ],
+})
+export class MockPageProgressComponent {}
+
+@Component({
+  selector: 'kirby-page-title',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PageTitleComponent,
+      useExisting: forwardRef(() => MockPageTitleComponent),
+    },
+  ],
+})
+export class MockPageTitleComponent {}
+
+@Component({
+  selector: 'kirby-page-content',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PageContentComponent,
+      useExisting: forwardRef(() => MockPageContentComponent),
+    },
+  ],
+})
+export class MockPageContentComponent {}
+
+@Component({
+  selector: 'kirby-page-actions',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PageActionsComponent,
+      useExisting: forwardRef(() => MockPageActionsComponent),
+    },
+  ],
+})
+export class MockPageActionsComponent {}
+
+@Component({
+  selector: 'kirby-page',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PageComponent,
+      useExisting: forwardRef(() => MockPageComponent),
+    },
+  ],
+})
+export class MockPageComponent {
+  @Input() title: string;
+  @Input() subtitle: string;
+  @Input() toolbarTitle: string;
+  @Input() titleAlignment: 'left' | 'center' | 'right';
+  @Input() defaultBackHref: string;
+  @Input() hideBackButton: boolean;
+  @Input() titleMaxLines: number;
+  @Input() tabBarBottomHidden: boolean;
+  @Output() enter = new EventEmitter<void>();
+  @Output() leave = new EventEmitter<void>();
+  @Output() refresh = new EventEmitter<PullToRefreshEvent>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.popover.component.ts

@@ -0,0 +1,22 @@
+import { Component, ElementRef, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { HorizontalDirection, PopoverComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-popover',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: PopoverComponent,
+      useExisting: forwardRef(() => MockPopoverComponent),
+    },
+  ],
+})
+export class MockPopoverComponent {
+  @Input() popout: HorizontalDirection | `${HorizontalDirection}`;
+  @Input() target: HTMLElement | ElementRef<HTMLElement>;
+  @Output() willHide = new EventEmitter<void>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.progress-circle.component.ts

@@ -0,0 +1,22 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { ProgressCircleComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-progress-circle',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: ProgressCircleComponent,
+      useExisting: forwardRef(() => MockProgressCircleComponent),
+    },
+  ],
+})
+export class MockProgressCircleComponent {
+  @Input() value: number;
+  @Input() size: 'sm' | 'md' | 'lg';
+  @Input() themeColor: 'success' | 'warning' | 'danger';
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.radio-group.component.ts

@@ -0,0 +1,27 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { RadioGroupComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-radio-group',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: RadioGroupComponent,
+      useExisting: forwardRef(() => MockRadioGroupComponent),
+    },
+  ],
+})
+export class MockRadioGroupComponent {
+  @Input() disabled: boolean;
+  @Input() hasError: boolean;
+  @Input() items: string[] | any[];
+  @Input() itemTextProperty: string;
+  @Input() itemDisabledProperty: string;
+  @Input() selectedIndex: number;
+  @Input() value: string | any;
+  @Output() valueChange = new EventEmitter<string | any>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.radio.component.ts

@@ -0,0 +1,23 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { RadioComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-radio',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: RadioComponent,
+      useExisting: forwardRef(() => MockRadioComponent),
+    },
+  ],
+})
+export class MockRadioComponent {
+  @Input() value: any;
+  @Input() text: string;
+  @Input() size: 'xs' | 'sm' | 'md';
+  @Input() disabled: boolean;
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.range.component.ts

@@ -0,0 +1,35 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { RangeComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-range',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: RangeComponent,
+      useExisting: forwardRef(() => MockRangeComponent),
+    },
+  ],
+})
+export class MockRangeComponent {
+  @Input() minLabel: string;
+  @Input() maxLabel: string;
+  @Input() debounce: number;
+  @Input() max: number;
+  @Input() min: number;
+  @Input() pin: boolean;
+  @Input() step: number;
+  @Input() ticks: boolean;
+  @Input() disabled: boolean;
+  @Input() value: number;
+  @Output() change = new EventEmitter<number>();
+
+  setDisabledState() {}
+  writeValue() {}
+  registerOnTouched() {}
+  registerOnChange() {}
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.reorder-list.component.ts

@@ -0,0 +1,25 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { ReorderListComponent } from '@kirbydesign/designsystem';
+import { ReorderEvent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-reorder-list',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: ReorderListComponent,
+      useExisting: forwardRef(() => MockReorderListComponent),
+    },
+  ],
+})
+export class MockReorderListComponent {
+  @Input() items: any[];
+  @Input() subItemsName: string;
+  @Input() getItemTextDefault: (item: any) => string;
+  @Output() itemReorder = new EventEmitter<ReorderEvent>();
+  @Output() subItemReorder = new EventEmitter<ReorderEvent>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.router-outlet.component.ts

@@ -0,0 +1,20 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { RouterOutletComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-router-outlet',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: RouterOutletComponent,
+      useExisting: forwardRef(() => MockRouterOutletComponent),
+    },
+  ],
+})
+export class MockRouterOutletComponent {
+  @Input() main: boolean;
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.section-header.component.ts

@@ -0,0 +1,18 @@
+import { Component, forwardRef } from '@angular/core';
+
+import { SectionHeaderComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-section-header',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: SectionHeaderComponent,
+      useExisting: forwardRef(() => MockSectionHeaderComponent),
+    },
+  ],
+})
+export class MockSectionHeaderComponent {}
+
+// #endregion

package/testing-base/src/lib/components/mock.segmented-control.component.ts

@@ -0,0 +1,29 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import {
+  SegmentedControlComponent,
+  SegmentedControlMode,
+  SegmentItem,
+} from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-segmented-control',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: SegmentedControlComponent,
+      useExisting: forwardRef(() => MockSegmentedControlComponent),
+    },
+  ],
+})
+export class MockSegmentedControlComponent {
+  @Input() mode: SegmentedControlMode | `${SegmentedControlMode}`;
+  @Input() items: SegmentItem[];
+  @Input() selectedIndex: number;
+  @Input() value: SegmentItem;
+  @Input() size: 'sm' | 'md';
+  @Output() segmentSelect = new EventEmitter();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.slide-button.component.ts

@@ -0,0 +1,23 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { SlideButtonComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-slide-button',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: SlideButtonComponent,
+      useExisting: forwardRef(() => MockSlideButtonComponent),
+    },
+  ],
+})
+export class MockSlideButtonComponent {
+  @Input() text: string;
+  @Input() expand: 'block';
+  @Output() slideDone = new EventEmitter();
+  @Output() slidingPercentageChanged = new EventEmitter<number>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.slides.component.ts

@@ -0,0 +1,29 @@
+import { Component, Directive, forwardRef, Input } from '@angular/core';
+
+import { SlideDirective, SlidesComponent } from '@kirbydesign/designsystem';
+
+@Directive({
+  selector: '[kirbySlide]',
+  providers: [
+    {
+      provide: SlideDirective,
+      useExisting: forwardRef(() => MockSlideDirective),
+    },
+  ],
+})
+export class MockSlideDirective {}
+
+@Component({
+  selector: 'kirby-slides',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: SlidesComponent,
+      useExisting: forwardRef(() => MockSlidesComponent),
+    },
+  ],
+})
+export class MockSlidesComponent {
+  @Input() slidesOptions: any;
+  @Input() slides: any[];
+}

package/testing-base/src/lib/components/mock.spinner.component.ts

@@ -0,0 +1,18 @@
+import { Component, forwardRef } from '@angular/core';
+
+import { SpinnerComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-spinner',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: SpinnerComponent,
+      useExisting: forwardRef(() => MockSpinnerComponent),
+    },
+  ],
+})
+export class MockSpinnerComponent {}
+
+// #endregion

package/testing-base/src/lib/components/mock.tab-button.component.ts

@@ -0,0 +1,21 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { TabButtonComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-tab-button',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: TabButtonComponent,
+      useExisting: forwardRef(() => MockTabButtonComponent),
+    },
+  ],
+})
+export class MockTabButtonComponent {
+  @Input() routerLink: string;
+  @Output() click = new EventEmitter<Event>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.tabs.component.ts

@@ -0,0 +1,18 @@
+import { Component, forwardRef } from '@angular/core';
+
+import { TabsComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-tab-bar',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: TabsComponent,
+      useExisting: forwardRef(() => MockTabsComponent),
+    },
+  ],
+})
+export class MockTabsComponent {}
+
+// #endregion

package/testing-base/src/lib/components/mock.textarea.component.ts

@@ -0,0 +1,26 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { TextareaComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  // tslint:disable-next-line: component-selector
+  selector: 'textarea[kirby-textarea]',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: TextareaComponent,
+      useExisting: forwardRef(() => MockTextareaComponent),
+    },
+  ],
+})
+export class MockTextareaComponent {
+  @Input() value: string;
+  @Input() borderless: boolean;
+  @Input() hasError: boolean;
+  @Input() autocomplete: 'on' | 'off';
+  @Input() autocorrect: 'on' | 'off';
+  @Input() maxlength: number;
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.toggle-button.component.ts

@@ -0,0 +1,21 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { ToggleButtonComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-toggle-button',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: ToggleButtonComponent,
+      useExisting: forwardRef(() => MockToggleButtonComponent),
+    },
+  ],
+})
+export class MockToggleButtonComponent {
+  @Input() checked: boolean;
+  @Output() checkChanged = new EventEmitter<boolean>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.toggle.component.ts

@@ -0,0 +1,22 @@
+import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+
+import { ToggleComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-toggle',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: ToggleComponent,
+      useExisting: forwardRef(() => MockToggleComponent),
+    },
+  ],
+})
+export class MockToggleComponent {
+  @Input() checked: boolean;
+  @Input() disabled: boolean;
+  @Output() checkedChange = new EventEmitter<boolean>();
+}
+
+// #endregion

package/testing-base/src/lib/components/mock.web-component-proxies.component.ts

@@ -0,0 +1,32 @@
+import { Component, forwardRef, Input } from '@angular/core';
+
+import { BadgeComponent } from '@kirbydesign/designsystem';
+
+// #region AUTO-GENERATED - PLEASE DON'T EDIT CONTENT WITHIN!
+@Component({
+  selector: 'kirby-badge',
+  template: '<ng-content></ng-content>',
+  providers: [
+    {
+      provide: BadgeComponent,
+      useExisting: forwardRef(() => MockBadgeComponent),
+    },
+  ],
+})
+export class MockBadgeComponent {
+  @Input() size: 'md' | 'sm';
+  @Input() text: string;
+  @Input() themeColor:
+    | 'danger'
+    | 'dark'
+    | 'light'
+    | 'medium'
+    | 'primary'
+    | 'secondary'
+    | 'success'
+    | 'tertiary'
+    | 'warning'
+    | 'white';
+}
+
+// #endregion

package/testing-base/src/lib/directives/index.ts

@@ -0,0 +1,3 @@
+export { MockAccordionDirective } from './mock.accordion.directive';
+export { MockFitHeadingDirective } from './mock.fit-heading.directive';
+export { MockThemeColorDirective } from './mock.theme-color.directive';

package/testing-base/src/lib/directives/mock.accordion.directive.ts

@@ -0,0 +1,15 @@
+import { Directive, forwardRef } from '@angular/core';
+
+import { AccordionDirective } from '@kirbydesign/designsystem';
+
+@Directive({
+  selector: '[kirbyAccordion], kirby-accordion',
+  exportAs: 'kirby-accordion',
+  providers: [
+    {
+      provide: AccordionDirective,
+      useExisting: forwardRef(() => MockAccordionDirective),
+    },
+  ],
+})
+export class MockAccordionDirective {}