@bobbykim/mcl-header 0.7.9 → 0.8.1

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.
Files changed (4) hide show
  1. package/dist/index.d.ts +56 -64
  2. package/dist/mcl-header.js +489 -1923
  3. package/dist/mcl-header.umd.cjs +2 -2
  4. package/package.json +7 -8
package/dist/index.d.ts CHANGED
@@ -42,7 +42,7 @@ bgColor: ColorPalette;
42
42
  menuTextSize: BodyText;
43
43
  menuTextColor: ColorPalette;
44
44
  menuTextBold: boolean;
45
- displayHighlight: boolean;
45
+ showHighlight: boolean;
46
46
  highlightColor: ColorPalette;
47
47
  logoAlt: string;
48
48
  titleSize: HeadingSize;
@@ -52,7 +52,7 @@ titleBlockLinkTarget: CtaTarget;
52
52
  menuItemAsLink: boolean;
53
53
  mobileMenuBgColor: ColorPalette;
54
54
  drawerBtnColor: ColorPalette;
55
- drawerBtnBorder: boolean;
55
+ showDrawerBorder: boolean;
56
56
  fadeInOnScroll: boolean;
57
57
  scrollDistance: number;
58
58
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -63,7 +63,7 @@ $props: {
63
63
  readonly bgColor?: ColorPalette | undefined;
64
64
  readonly mobileMenuBgColor?: ColorPalette | undefined;
65
65
  readonly drawerBtnColor?: ColorPalette | undefined;
66
- readonly drawerBtnBorder?: boolean | undefined;
66
+ readonly showDrawerBorder?: boolean | undefined;
67
67
  readonly fadeInOnScroll?: boolean | undefined;
68
68
  readonly scrollDistance?: number | undefined;
69
69
  readonly sticky?: HeaderStickyOptionType | undefined;
@@ -87,7 +87,7 @@ $options: ComponentOptionsBase<Readonly<{
87
87
  bgColor?: ColorPalette;
88
88
  mobileMenuBgColor?: ColorPalette;
89
89
  drawerBtnColor?: ColorPalette;
90
- drawerBtnBorder?: boolean;
90
+ showDrawerBorder?: boolean;
91
91
  fadeInOnScroll?: boolean;
92
92
  scrollDistance?: number;
93
93
  sticky?: HeaderStickyOptionType;
@@ -101,7 +101,7 @@ headerClose: () => void;
101
101
  bgColor: ColorPalette;
102
102
  mobileMenuBgColor: ColorPalette;
103
103
  drawerBtnColor: ColorPalette;
104
- drawerBtnBorder: boolean;
104
+ showDrawerBorder: boolean;
105
105
  fadeInOnScroll: boolean;
106
106
  scrollDistance: number;
107
107
  sticky: HeaderStickyOptionType;
@@ -129,7 +129,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
129
129
  bgColor: ColorPalette;
130
130
  mobileMenuBgColor: ColorPalette;
131
131
  drawerBtnColor: ColorPalette;
132
- drawerBtnBorder: boolean;
132
+ showDrawerBorder: boolean;
133
133
  fadeInOnScroll: boolean;
134
134
  scrollDistance: number;
135
135
  sticky: HeaderStickyOptionType;
@@ -137,13 +137,13 @@ sticky: HeaderStickyOptionType;
137
137
  bgColor?: ColorPalette;
138
138
  mobileMenuBgColor?: ColorPalette;
139
139
  drawerBtnColor?: ColorPalette;
140
- drawerBtnBorder?: boolean;
140
+ showDrawerBorder?: boolean;
141
141
  fadeInOnScroll?: boolean;
142
142
  scrollDistance?: number;
143
143
  sticky?: HeaderStickyOptionType;
144
144
  }> & Readonly<{
145
145
  "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
146
- }>, "bgColor" | "mobileMenuBgColor" | "drawerBtnColor" | "drawerBtnBorder" | "fadeInOnScroll" | "scrollDistance" | "sticky" | "headerClose"> & ShallowUnwrapRef< {
146
+ }>, "bgColor" | "mobileMenuBgColor" | "drawerBtnColor" | "showDrawerBorder" | "fadeInOnScroll" | "scrollDistance" | "sticky" | "headerClose"> & ShallowUnwrapRef< {
147
147
  headerClose: () => void;
148
148
  }> & {} & ComponentCustomProperties & {} & {
149
149
  $slots: Readonly<{
@@ -179,7 +179,7 @@ bgColor: ColorPalette;
179
179
  menuTextSize: BodyText;
180
180
  menuTextColor: ColorPalette;
181
181
  menuTextBold: boolean;
182
- displayHighlight: boolean;
182
+ showHighlight: boolean;
183
183
  highlightColor: ColorPalette;
184
184
  logoAlt: string;
185
185
  titleSize: HeadingSize;
@@ -188,7 +188,7 @@ titleBlockAsLink: boolean;
188
188
  titleBlockLinkTarget: CtaTarget;
189
189
  menuItemAsLink: boolean;
190
190
  drawerBtnColor: ColorPalette;
191
- drawerBtnBorder: boolean;
191
+ showDrawerBorder: boolean;
192
192
  headerWidth: number;
193
193
  }, {}, {}, {}, string, ComponentProvideOptions, false, {
194
194
  componentRef: ({
@@ -197,7 +197,7 @@ $data: {};
197
197
  $props: {
198
198
  readonly bgColor?: ColorPalette | undefined;
199
199
  readonly drawerBtnColor?: ColorPalette | undefined;
200
- readonly drawerBtnBorder?: boolean | undefined;
200
+ readonly showDrawerBorder?: boolean | undefined;
201
201
  readonly headerWidth?: number | undefined;
202
202
  readonly "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined | undefined;
203
203
  } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -218,7 +218,7 @@ $el: HTMLElement;
218
218
  $options: ComponentOptionsBase<Readonly<{
219
219
  bgColor?: ColorPalette;
220
220
  drawerBtnColor?: ColorPalette;
221
- drawerBtnBorder?: boolean;
221
+ showDrawerBorder?: boolean;
222
222
  headerWidth?: number;
223
223
  }> & Readonly<{
224
224
  "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
@@ -229,7 +229,7 @@ headerClose: () => void;
229
229
  }, string, {
230
230
  bgColor: ColorPalette;
231
231
  drawerBtnColor: ColorPalette;
232
- drawerBtnBorder: boolean;
232
+ showDrawerBorder: boolean;
233
233
  headerWidth: number;
234
234
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
235
235
  beforeCreate?: (() => void) | (() => void)[];
@@ -254,16 +254,16 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
254
254
  } & Readonly<{
255
255
  bgColor: ColorPalette;
256
256
  drawerBtnColor: ColorPalette;
257
- drawerBtnBorder: boolean;
257
+ showDrawerBorder: boolean;
258
258
  headerWidth: number;
259
259
  }> & Omit<Readonly<{
260
260
  bgColor?: ColorPalette;
261
261
  drawerBtnColor?: ColorPalette;
262
- drawerBtnBorder?: boolean;
262
+ showDrawerBorder?: boolean;
263
263
  headerWidth?: number;
264
264
  }> & Readonly<{
265
265
  "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
266
- }>, "bgColor" | "drawerBtnColor" | "drawerBtnBorder" | "headerClose" | "headerWidth"> & ShallowUnwrapRef< {
266
+ }>, "bgColor" | "drawerBtnColor" | "showDrawerBorder" | "headerClose" | "headerWidth"> & ShallowUnwrapRef< {
267
267
  headerClose: () => void;
268
268
  }> & {} & ComponentCustomProperties & {} & {
269
269
  $slots: Readonly<{
@@ -284,7 +284,6 @@ headerClose: () => void;
284
284
  }) | null;
285
285
  collapseRef: (CreateComponentPublicInstanceWithMixins<Readonly<{
286
286
  navId: string;
287
- navAccordionGroup: string;
288
287
  navLocation: "desktop" | "mobile";
289
288
  menuItem: MenuCollapseType;
290
289
  textColor?: ColorPalette;
@@ -313,8 +312,8 @@ collapseRef: ({
313
312
  $: ComponentInternalInstance;
314
313
  $data: {};
315
314
  $props: {
316
- readonly accordion?: string | undefined;
317
- readonly className?: string | string[] | undefined;
315
+ readonly id?: string | undefined;
316
+ readonly customClass?: string | string[] | undefined;
318
317
  readonly visible?: boolean | undefined;
319
318
  readonly onClose?: ((visible: boolean) => any) | undefined | undefined;
320
319
  readonly onOpen?: ((visible: boolean) => any) | undefined | undefined;
@@ -324,8 +323,6 @@ $attrs: {
324
323
  };
325
324
  $refs: {
326
325
  [x: string]: unknown;
327
- } & {
328
- collapseRef: HTMLDivElement;
329
326
  };
330
327
  $slots: Readonly<{
331
328
  [name: string]: Slot<any> | undefined;
@@ -333,25 +330,25 @@ $slots: Readonly<{
333
330
  $root: ComponentPublicInstance | null;
334
331
  $parent: ComponentPublicInstance | null;
335
332
  $host: Element | null;
336
- $emit: ((event: "close", visible: boolean) => void) & ((event: "open", visible: boolean) => void);
333
+ $emit: ((event: "open", visible: boolean) => void) & ((event: "close", visible: boolean) => void);
337
334
  $el: HTMLDivElement;
338
335
  $options: ComponentOptionsBase<Readonly<{
339
- accordion?: string;
340
- className?: string | string[];
336
+ id?: string;
337
+ customClass?: string | string[];
341
338
  visible?: boolean;
342
339
  }> & Readonly<{
343
340
  onClose?: ((visible: boolean) => any) | undefined;
344
341
  onOpen?: ((visible: boolean) => any) | undefined;
345
342
  }>, {
346
343
  toggle: () => void;
347
- close: () => void;
348
344
  open: () => void;
345
+ close: () => void;
349
346
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
350
347
  close: (visible: boolean) => any;
351
348
  open: (visible: boolean) => any;
352
349
  }, string, {
353
350
  visible: boolean;
354
- className: string | string[];
351
+ customClass: string | string[];
355
352
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
356
353
  beforeCreate?: (() => void) | (() => void)[];
357
354
  created?: (() => void) | (() => void)[];
@@ -374,18 +371,18 @@ $nextTick: nextTick;
374
371
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
375
372
  } & Readonly<{
376
373
  visible: boolean;
377
- className: string | string[];
374
+ customClass: string | string[];
378
375
  }> & Omit<Readonly<{
379
- accordion?: string;
380
- className?: string | string[];
376
+ id?: string;
377
+ customClass?: string | string[];
381
378
  visible?: boolean;
382
379
  }> & Readonly<{
383
380
  onClose?: ((visible: boolean) => any) | undefined;
384
381
  onOpen?: ((visible: boolean) => any) | undefined;
385
- }>, "className" | "visible" | "toggle" | "close" | "open"> & ShallowUnwrapRef< {
382
+ }>, "customClass" | "visible" | "toggle" | "open" | "close"> & ShallowUnwrapRef< {
386
383
  toggle: () => void;
387
- close: () => void;
388
384
  open: () => void;
385
+ close: () => void;
389
386
  }> & {} & ComponentCustomProperties & {} & {
390
387
  $slots: Readonly<{
391
388
  default: any;
@@ -402,7 +399,6 @@ M: {};
402
399
  Defaults: {};
403
400
  }, Readonly<{
404
401
  navId: string;
405
- navAccordionGroup: string;
406
402
  navLocation: "desktop" | "mobile";
407
403
  menuItem: MenuCollapseType;
408
404
  textColor?: ColorPalette;
@@ -441,12 +437,12 @@ declare type __VLS_Props = {
441
437
  menuTextSize?: BodyText;
442
438
  menuTextColor?: ColorPalette;
443
439
  menuTextBold?: boolean;
444
- displayHighlight?: boolean;
440
+ showHighlight?: boolean;
445
441
  highlightColor?: ColorPalette;
446
442
  bgColor?: ColorPalette;
447
443
  mobileMenuBgColor?: ColorPalette;
448
444
  drawerBtnColor?: ColorPalette;
449
- drawerBtnBorder?: boolean;
445
+ showDrawerBorder?: boolean;
450
446
  fadeInOnScroll?: boolean;
451
447
  scrollDistance?: number;
452
448
  };
@@ -465,11 +461,11 @@ declare type __VLS_Props_2 = {
465
461
  menuTextSize?: BodyText;
466
462
  menuTextColor?: ColorPalette;
467
463
  menuTextBold?: boolean;
468
- displayHighlight?: boolean;
464
+ showHighlight?: boolean;
469
465
  highlightColor?: ColorPalette;
470
466
  bgColor?: ColorPalette;
471
467
  drawerBtnColor?: ColorPalette;
472
- drawerBtnBorder?: boolean;
468
+ showDrawerBorder?: boolean;
473
469
  headerWidth?: number;
474
470
  };
475
471
 
@@ -494,7 +490,7 @@ declare function __VLS_template(): {
494
490
  readonly bgColor?: ColorPalette | undefined;
495
491
  readonly mobileMenuBgColor?: ColorPalette | undefined;
496
492
  readonly drawerBtnColor?: ColorPalette | undefined;
497
- readonly drawerBtnBorder?: boolean | undefined;
493
+ readonly showDrawerBorder?: boolean | undefined;
498
494
  readonly fadeInOnScroll?: boolean | undefined;
499
495
  readonly scrollDistance?: number | undefined;
500
496
  readonly sticky?: HeaderStickyOptionType | undefined;
@@ -518,7 +514,7 @@ declare function __VLS_template(): {
518
514
  bgColor?: ColorPalette;
519
515
  mobileMenuBgColor?: ColorPalette;
520
516
  drawerBtnColor?: ColorPalette;
521
- drawerBtnBorder?: boolean;
517
+ showDrawerBorder?: boolean;
522
518
  fadeInOnScroll?: boolean;
523
519
  scrollDistance?: number;
524
520
  sticky?: HeaderStickyOptionType;
@@ -532,7 +528,7 @@ declare function __VLS_template(): {
532
528
  bgColor: ColorPalette;
533
529
  mobileMenuBgColor: ColorPalette;
534
530
  drawerBtnColor: ColorPalette;
535
- drawerBtnBorder: boolean;
531
+ showDrawerBorder: boolean;
536
532
  fadeInOnScroll: boolean;
537
533
  scrollDistance: number;
538
534
  sticky: HeaderStickyOptionType;
@@ -560,7 +556,7 @@ declare function __VLS_template(): {
560
556
  bgColor: ColorPalette;
561
557
  mobileMenuBgColor: ColorPalette;
562
558
  drawerBtnColor: ColorPalette;
563
- drawerBtnBorder: boolean;
559
+ showDrawerBorder: boolean;
564
560
  fadeInOnScroll: boolean;
565
561
  scrollDistance: number;
566
562
  sticky: HeaderStickyOptionType;
@@ -568,13 +564,13 @@ declare function __VLS_template(): {
568
564
  bgColor?: ColorPalette;
569
565
  mobileMenuBgColor?: ColorPalette;
570
566
  drawerBtnColor?: ColorPalette;
571
- drawerBtnBorder?: boolean;
567
+ showDrawerBorder?: boolean;
572
568
  fadeInOnScroll?: boolean;
573
569
  scrollDistance?: number;
574
570
  sticky?: HeaderStickyOptionType;
575
571
  }> & Readonly<{
576
572
  "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
577
- }>, "bgColor" | "mobileMenuBgColor" | "drawerBtnColor" | "drawerBtnBorder" | "fadeInOnScroll" | "scrollDistance" | "sticky" | "headerClose"> & ShallowUnwrapRef< {
573
+ }>, "bgColor" | "mobileMenuBgColor" | "drawerBtnColor" | "showDrawerBorder" | "fadeInOnScroll" | "scrollDistance" | "sticky" | "headerClose"> & ShallowUnwrapRef< {
578
574
  headerClose: () => void;
579
575
  }> & {} & ComponentCustomProperties & {} & {
580
576
  $slots: Readonly<{
@@ -617,7 +613,7 @@ declare function __VLS_template_2(): {
617
613
  $props: {
618
614
  readonly bgColor?: ColorPalette | undefined;
619
615
  readonly drawerBtnColor?: ColorPalette | undefined;
620
- readonly drawerBtnBorder?: boolean | undefined;
616
+ readonly showDrawerBorder?: boolean | undefined;
621
617
  readonly headerWidth?: number | undefined;
622
618
  readonly "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined | undefined;
623
619
  } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -638,7 +634,7 @@ declare function __VLS_template_2(): {
638
634
  $options: ComponentOptionsBase<Readonly<{
639
635
  bgColor?: ColorPalette;
640
636
  drawerBtnColor?: ColorPalette;
641
- drawerBtnBorder?: boolean;
637
+ showDrawerBorder?: boolean;
642
638
  headerWidth?: number;
643
639
  }> & Readonly<{
644
640
  "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
@@ -649,7 +645,7 @@ declare function __VLS_template_2(): {
649
645
  }, string, {
650
646
  bgColor: ColorPalette;
651
647
  drawerBtnColor: ColorPalette;
652
- drawerBtnBorder: boolean;
648
+ showDrawerBorder: boolean;
653
649
  headerWidth: number;
654
650
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
655
651
  beforeCreate?: (() => void) | (() => void)[];
@@ -674,16 +670,16 @@ declare function __VLS_template_2(): {
674
670
  } & Readonly<{
675
671
  bgColor: ColorPalette;
676
672
  drawerBtnColor: ColorPalette;
677
- drawerBtnBorder: boolean;
673
+ showDrawerBorder: boolean;
678
674
  headerWidth: number;
679
675
  }> & Omit<Readonly<{
680
676
  bgColor?: ColorPalette;
681
677
  drawerBtnColor?: ColorPalette;
682
- drawerBtnBorder?: boolean;
678
+ showDrawerBorder?: boolean;
683
679
  headerWidth?: number;
684
680
  }> & Readonly<{
685
681
  "onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
686
- }>, "bgColor" | "drawerBtnColor" | "drawerBtnBorder" | "headerClose" | "headerWidth"> & ShallowUnwrapRef< {
682
+ }>, "bgColor" | "drawerBtnColor" | "showDrawerBorder" | "headerClose" | "headerWidth"> & ShallowUnwrapRef< {
687
683
  headerClose: () => void;
688
684
  }> & {} & ComponentCustomProperties & {} & {
689
685
  $slots: Readonly<{
@@ -704,7 +700,6 @@ declare function __VLS_template_2(): {
704
700
  }) | null;
705
701
  collapseRef: (CreateComponentPublicInstanceWithMixins<Readonly<{
706
702
  navId: string;
707
- navAccordionGroup: string;
708
703
  navLocation: "desktop" | "mobile";
709
704
  menuItem: MenuCollapseType;
710
705
  textColor?: ColorPalette;
@@ -733,8 +728,8 @@ declare function __VLS_template_2(): {
733
728
  $: ComponentInternalInstance;
734
729
  $data: {};
735
730
  $props: {
736
- readonly accordion?: string | undefined;
737
- readonly className?: string | string[] | undefined;
731
+ readonly id?: string | undefined;
732
+ readonly customClass?: string | string[] | undefined;
738
733
  readonly visible?: boolean | undefined;
739
734
  readonly onClose?: ((visible: boolean) => any) | undefined | undefined;
740
735
  readonly onOpen?: ((visible: boolean) => any) | undefined | undefined;
@@ -744,8 +739,6 @@ declare function __VLS_template_2(): {
744
739
  };
745
740
  $refs: {
746
741
  [x: string]: unknown;
747
- } & {
748
- collapseRef: HTMLDivElement;
749
742
  };
750
743
  $slots: Readonly<{
751
744
  [name: string]: Slot<any> | undefined;
@@ -753,25 +746,25 @@ declare function __VLS_template_2(): {
753
746
  $root: ComponentPublicInstance | null;
754
747
  $parent: ComponentPublicInstance | null;
755
748
  $host: Element | null;
756
- $emit: ((event: "close", visible: boolean) => void) & ((event: "open", visible: boolean) => void);
749
+ $emit: ((event: "open", visible: boolean) => void) & ((event: "close", visible: boolean) => void);
757
750
  $el: HTMLDivElement;
758
751
  $options: ComponentOptionsBase<Readonly<{
759
- accordion?: string;
760
- className?: string | string[];
752
+ id?: string;
753
+ customClass?: string | string[];
761
754
  visible?: boolean;
762
755
  }> & Readonly<{
763
756
  onClose?: ((visible: boolean) => any) | undefined;
764
757
  onOpen?: ((visible: boolean) => any) | undefined;
765
758
  }>, {
766
759
  toggle: () => void;
767
- close: () => void;
768
760
  open: () => void;
761
+ close: () => void;
769
762
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
770
763
  close: (visible: boolean) => any;
771
764
  open: (visible: boolean) => any;
772
765
  }, string, {
773
766
  visible: boolean;
774
- className: string | string[];
767
+ customClass: string | string[];
775
768
  }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
776
769
  beforeCreate?: (() => void) | (() => void)[];
777
770
  created?: (() => void) | (() => void)[];
@@ -794,18 +787,18 @@ declare function __VLS_template_2(): {
794
787
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
795
788
  } & Readonly<{
796
789
  visible: boolean;
797
- className: string | string[];
790
+ customClass: string | string[];
798
791
  }> & Omit<Readonly<{
799
- accordion?: string;
800
- className?: string | string[];
792
+ id?: string;
793
+ customClass?: string | string[];
801
794
  visible?: boolean;
802
795
  }> & Readonly<{
803
796
  onClose?: ((visible: boolean) => any) | undefined;
804
797
  onOpen?: ((visible: boolean) => any) | undefined;
805
- }>, "className" | "visible" | "toggle" | "close" | "open"> & ShallowUnwrapRef< {
798
+ }>, "customClass" | "visible" | "toggle" | "open" | "close"> & ShallowUnwrapRef< {
806
799
  toggle: () => void;
807
- close: () => void;
808
800
  open: () => void;
801
+ close: () => void;
809
802
  }> & {} & ComponentCustomProperties & {} & {
810
803
  $slots: Readonly<{
811
804
  default: any;
@@ -822,7 +815,6 @@ declare function __VLS_template_2(): {
822
815
  Defaults: {};
823
816
  }, Readonly<{
824
817
  navId: string;
825
- navAccordionGroup: string;
826
818
  navLocation: "desktop" | "mobile";
827
819
  menuItem: MenuCollapseType;
828
820
  textColor?: ColorPalette;