@pairbo/ui-kit 0.3.9 → 0.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,11 @@ export default class PboCategory extends PairboElement {
6
6
  cards: Card[];
7
7
  skeleton: boolean;
8
8
  imageCarousel: HTMLDivElement;
9
+ emblaNode: HTMLDivElement;
10
+ emblaViewport: HTMLDivElement;
11
+ emblaPrevButton: HTMLButtonElement;
12
+ emblaNextButton: HTMLButtonElement;
13
+ emblaContainerEl: HTMLDivElement;
9
14
  private imageSplide;
10
15
  private updateArrowVisibility;
11
16
  protected firstUpdated: () => void;
@@ -2,7 +2,6 @@ import { CSSResultGroup } from 'lit';
2
2
  import { default as PairboElement } from '../../internal/pairbo-element.js';
3
3
  import { default as PboTypeForm } from '../type-form/type-form.component.js';
4
4
  import { default as PboEditorCardSlider } from '../editor-card-slider/editor-card-slider.component.js';
5
- import { default as PboDrawer } from '../drawer/drawer.js';
6
5
  import { default as PboHandwrittenForm } from '../handwritten-form/handwritten-form.js';
7
6
  export default class PboEditor extends PairboElement {
8
7
  static styles: CSSResultGroup;
@@ -14,10 +13,10 @@ export default class PboEditor extends PairboElement {
14
13
  submitTypeForm: SubmitTypeForm | undefined;
15
14
  submitHandwrittenForm: SubmitHandwrittenForm | undefined;
16
15
  getProcessedImg: GetProcessedImg | undefined;
16
+ onClose: () => void;
17
17
  typeForm: PboTypeForm;
18
18
  handwrittenForm: PboHandwrittenForm;
19
19
  slider: PboEditorCardSlider;
20
- zoomedPreview: PboDrawer;
21
20
  private formData;
22
21
  private handwrittenFormState;
23
22
  private editorType;
@@ -26,7 +25,11 @@ export default class PboEditor extends PairboElement {
26
25
  private handleTypingFormChange;
27
26
  private handleHandwrittenFormChange;
28
27
  private handleHandwrittenImageDimensionsChanged;
29
- private handleZoomedPreviewOpen;
28
+ /**
29
+ * Handles the editor change event from the editor selector.
30
+ * - emit `pbo-switch-editor` event for the tracking
31
+ *
32
+ */
30
33
  private handleEditorChange;
31
34
  protected firstUpdated(): void;
32
35
  disconnectedCallback(): void;
@@ -1,5 +1,20 @@
1
1
  import { CSSResultGroup } from 'lit';
2
2
  import { default as PairboElement } from '../../internal/pairbo-element.js';
3
+ /**
4
+ * @summary Short summary of the component's intended use.
5
+ * @status experimental
6
+ *
7
+ * @dependency pbo-example
8
+ *
9
+ * @event pbo-event-name - Emitted as an example.
10
+ *
11
+ * @slot - The default slot.
12
+ * @slot example - An example slot.
13
+ *
14
+ * @csspart base - The component's base wrapper.
15
+ *
16
+ * @cssproperty --example - An example CSS custom property.
17
+ */
3
18
  export default class PboEditorSelector extends PairboElement {
4
19
  static styles: CSSResultGroup;
5
20
  private readonly hasSlotController;
@@ -1,10 +1,11 @@
1
- import { LitElement, CSSResultGroup } from 'lit';
1
+ import { CSSResultGroup } from 'lit';
2
+ import { default as PairboElement } from '../../internal/pairbo-element.js';
2
3
  interface FontOption {
3
4
  value: string;
4
5
  label: string;
5
6
  font: string;
6
7
  }
7
- export default class PboFontSelector extends LitElement {
8
+ export default class PboFontSelector extends PairboElement {
8
9
  static styles: CSSResultGroup;
9
10
  private readonly hasSlotController;
10
11
  fonts: FontOption[];
@@ -36,6 +36,7 @@ export default class PboHandwrittenForm extends PairboElement {
36
36
  * The status and error handling is done in the wrapper function
37
37
  */
38
38
  getProcessedImg: GetProcessedImg;
39
+ onClose: () => void;
39
40
  /** The loading state when submitting the form */
40
41
  isSubmitLoading: boolean;
41
42
  /** The disabled state when submitting the form */
@@ -45,6 +45,7 @@ export default class PboTypeForm extends PairboElement {
45
45
  submitTypeForm: SubmitTypeForm;
46
46
  loading: boolean;
47
47
  disabled: boolean;
48
+ onClose: () => void;
48
49
  greetingText: PboTextarea;
49
50
  fontSelector: PboFontSelector;
50
51
  textColor: PboRadioGroup;
@@ -60,8 +61,6 @@ export default class PboTypeForm extends PairboElement {
60
61
  };
61
62
  wrappedSubmitTypeForm: SubmitTypeForm;
62
63
  updateWrappedSubmitTypeForm(): void;
63
- isLoadingChanged(): void;
64
- disabledChanged(): void;
65
64
  protected firstUpdated(): void;
66
65
  get formData(): TypeFormData;
67
66
  private handleFormChange;