@dereekb/dbx-web 9.15.5 → 9.15.7

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