@dereekb/dbx-web 9.15.4 → 9.15.6

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 (14) hide show
  1. package/esm2020/lib/layout/section/section.component.mjs +6 -6
  2. package/esm2020/lib/layout/section/section.header.component.mjs +28 -3
  3. package/esm2020/lib/layout/section/section.mjs +1 -1
  4. package/esm2020/lib/layout/section/section.page.component.mjs +1 -1
  5. package/esm2020/lib/layout/section/subsection.component.mjs +4 -4
  6. package/fesm2015/dereekb-dbx-web.mjs +36 -11
  7. package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
  8. package/fesm2020/dereekb-dbx-web.mjs +36 -11
  9. package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
  10. package/lib/layout/section/_section.scss +25 -5
  11. package/lib/layout/section/section.d.ts +9 -0
  12. package/lib/layout/section/section.header.component.d.ts +5 -3
  13. package/mapbox/package.json +3 -3
  14. package/package.json +3 -3
package/fesm2020/dereekb-dbx-web.mjs CHANGED
@@ -4681,12 +4681,35 @@ class DbxSectionHeaderComponent {
4681
4681
  constructor() {
4682
4682
  this.onlyHeader = false;
4683
4683
  }
4684
+ set headerConfig(headerConfig) {
4685
+ if (headerConfig) {
4686
+ if (headerConfig.h !== undefined) {
4687
+ this.h = headerConfig.h;
4688
+ }
4689
+ if (headerConfig.header !== undefined) {
4690
+ this.header = headerConfig.header;
4691
+ }
4692
+ if (headerConfig.onlyHeader !== undefined) {
4693
+ this.onlyHeader = headerConfig.onlyHeader;
4694
+ }
4695
+ if (headerConfig.icon !== undefined) {
4696
+ this.icon = headerConfig.icon;
4697
+ }
4698
+ if (headerConfig.hint !== undefined) {
4699
+ this.hint = headerConfig.hint;
4700
+ }
4701
+ if (headerConfig.hintInline !== undefined) {
4702
+ this.hintInline = headerConfig.hintInline;
4703
+ }
4704
+ console.log(headerConfig);
4705
+ }
4706
+ }
4684
4707
  get showTitle() {
4685
4708
  return Boolean(this.header || this.icon);
4686
4709
  }
4687
4710
  }
4688
4711
  DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
4689
- DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
4712
+ DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline", headerConfig: "headerConfig" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
4690
4713
  <div class="dbx-section-header-content">
4691
4714
  <ng-container [ngSwitch]="showTitle && (h ?? 1)">
4692
4715
  <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
@@ -4756,7 +4779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
4756
4779
  '[class.dbx-section-header-full-title]': 'onlyHeader'
4757
4780
  }
4758
4781
  }]
4759
- }], propDecorators: { h: [{
4782
+ }], ctorParameters: function () { return []; }, propDecorators: { h: [{
4760
4783
  type: Input
4761
4784
  }], header: [{
4762
4785
  type: Input
@@ -4768,6 +4791,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
4768
4791
  type: Input
4769
4792
  }], hintInline: [{
4770
4793
  type: Input
4794
+ }], headerConfig: [{
4795
+ type: Input
4771
4796
  }] } });
4772
4797
 
4773
4798
  /**
@@ -4780,20 +4805,20 @@ class DbxSectionComponent extends DbxSectionHeaderComponent {
4780
4805
  }
4781
4806
  }
4782
4807
  DbxSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
4783
- DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSectionComponent, selector: "dbx-section", inputs: { elevate: "elevate" }, host: { properties: { "class": "(elevate) ? 'dbx-section-elevate dbx-content-elevate' : ''" }, classAttribute: "d-block, dbx-section" }, usesInheritance: true, ngImport: i0, template: `
4784
- <div class="dbx-section-header" [h]="3" [header]="header" [icon]="icon" [hint]="hint">
4808
+ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSectionComponent, selector: "dbx-section", inputs: { elevate: "elevate" }, host: { properties: { "class": "(elevate) ? 'dbx-section-elevate dbx-content-elevate' : ''" }, classAttribute: "d-block dbx-section" }, usesInheritance: true, ngImport: i0, template: `
4809
+ <div class="dbx-section-header" [h]="h ?? 3" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="hintInline">
4785
4810
  <ng-content select="[sectionHeader]"></ng-content>
4786
4811
  </div>
4787
4812
  <div class="dbx-section-content">
4788
4813
  <ng-content></ng-content>
4789
4814
  </div>
4790
- `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
4815
+ `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
4791
4816
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSectionComponent, decorators: [{
4792
4817
  type: Component,
4793
4818
  args: [{
4794
4819
  selector: 'dbx-section',
4795
4820
  template: `
4796
- <div class="dbx-section-header" [h]="3" [header]="header" [icon]="icon" [hint]="hint">
4821
+ <div class="dbx-section-header" [h]="h ?? 3" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="hintInline">
4797
4822
  <ng-content select="[sectionHeader]"></ng-content>
4798
4823
  </div>
4799
4824
  <div class="dbx-section-content">
@@ -4801,7 +4826,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
4801
4826
  </div>
4802
4827
  `,
4803
4828
  host: {
4804
- class: 'd-block, dbx-section',
4829
+ class: 'd-block dbx-section',
4805
4830
  '[class]': `(elevate) ? 'dbx-section-elevate dbx-content-elevate' : ''`
4806
4831
  }
4807
4832
  }]
@@ -4878,21 +4903,21 @@ class DbxSubSectionComponent extends DbxSectionComponent {
4878
4903
  DbxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
4879
4904
  DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
4880
4905
  <div class="dbx-subsection">
4881
- <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [icon]="icon" [hint]="hint">
4906
+ <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="hintInline">
4882
4907
  <ng-content select="[sectionHeader]"></ng-content>
4883
4908
  </div>
4884
4909
  <div class="dbx-section-content">
4885
4910
  <ng-content></ng-content>
4886
4911
  </div>
4887
4912
  </div>
4888
- `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
4913
+ `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
4889
4914
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
4890
4915
  type: Component,
4891
4916
  args: [{
4892
4917
  selector: 'dbx-subsection',
4893
4918
  template: `
4894
4919
  <div class="dbx-subsection">
4895
- <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [icon]="icon" [hint]="hint">
4920
+ <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="hintInline">
4896
4921
  <ng-content select="[sectionHeader]"></ng-content>
4897
4922
  </div>
4898
4923
  <div class="dbx-section-content">
@@ -4924,7 +4949,7 @@ DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
4924
4949
  </div>
4925
4950
  <ng-content></ng-content>
4926
4951
  </div>
4927
- `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
4952
+ `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
4928
4953
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
4929
4954
  type: Component,
4930
4955
  args: [{