@ncino/web-components 1.2.0 → 1.2.1-preview.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.
@@ -1,27 +1,27 @@
1
- import{a as p,x as g}from"../../../assets/index-chunk2.js";import{t as l}from"../../../assets/index-chunk3.js";import{n as m}from"../../../assets/index-chunk.js";import{p as d}from"../../../assets/index-chunk4.js";import{s as v}from"../../../assets/index-chunk5.js";import{T as h}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../breadcrumbs/gator/container/breadcrumbs.gator.js";import"../../text-detail/gator/text-detail.gator.js";import"../../tabs/gator/tabset/tabset.gator.js";import"../../breadcrumbs/breadcrumbs.js";import"../../breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../card/gator/base/card.gator.js";import"../../card/card.js";import"../../card/gator/title/card-title.gator.js";import"../../card/gator/subtitle/card-subtitle.gator.js";import"../../../assets/index-chunk11.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../assets/index-chunk9.js";import"../../../assets/index-chunk12.js";import"../../tabs/gator/tab/tab.gator.js";import"../../../consts/key-constants.js";const f=":root,:host{--ngc-tabs-header-background-color: var(--color-surface-brand, #F3F5F7);--ngc-tabs-first-tab-left-spacing: var(--spacing-5, 1.5rem)}.ngc-page-header-background{padding:var(--spacing-7, 2rem) var(--spacing-5, 1.5rem) var(--spacing-5, 1.5rem) var(--spacing-5, 1.5rem);background:var(--color-surface-brand, #F3F5F7)}.ngc-page-header-text-detail h1{font-family:var(--ngc-font-family-header, sans-serif);margin-top:var(--spacing-5, 1.5rem);margin-bottom:var(--spacing-2, .5rem);line-height:3rem}.ngc-page-header-text-detail ngc-text-detail{--ngc-text-detail-title-font-size: var(--text-size-h1, 2.5rem)}.ngc-page-header-top{display:flex;flex-direction:row;justify-content:space-between}.ngc-page-header-actions{display:flex}";var b=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(c,r,i,a)=>{for(var e=a>1?void 0:a?u(r,i):r,s=c.length-1,o;s>=0;s--)(o=c[s])&&(e=(a?o(r,i,e):o(e))||e);return a&&e&&b(r,i,e),e};let t=class extends h{constructor(){super(...arguments),this.title="",this.subtitle=""}render(){return g`
1
+ import{a as p,x as d}from"../../../assets/index-chunk2.js";import{t as g}from"../../../assets/index-chunk3.js";import{n as m}from"../../../assets/index-chunk.js";import{r as l}from"../../../assets/index-chunk12.js";import{p as h}from"../../../assets/index-chunk4.js";import{s as b}from"../../../assets/index-chunk5.js";import{T as u}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../breadcrumbs/gator/container/breadcrumbs.gator.js";import"../../text-detail/gator/text-detail.gator.js";import"../../tabs/gator/tabset/tabset.gator.js";import"../../breadcrumbs/breadcrumbs.js";import"../../breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../card/gator/base/card.gator.js";import"../../card/card.js";import"../../card/gator/title/card-title.gator.js";import"../../card/gator/subtitle/card-subtitle.gator.js";import"../../../assets/index-chunk11.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../assets/index-chunk9.js";import"../../tabs/gator/tab/tab.gator.js";import"../../../consts/key-constants.js";const v=":root,:host{--ngc-tabs-header-background-color: var(--color-surface-brand, #F3F5F7);--ngc-tabs-first-tab-left-spacing: var(--spacing-5, 1.5rem)}.ngc-page-header-background{padding:var(--spacing-7, 2rem) var(--spacing-5, 1.5rem) var(--spacing-5, 1.5rem) var(--spacing-5, 1.5rem);background:var(--color-surface-brand, #F3F5F7)}.ngc-page-header-text-detail h1{font-family:var(--ngc-font-family-header, sans-serif);margin-bottom:var(--spacing-2, .5rem);margin-top:0;line-height:3rem}.ngc-page-header-text-detail ngc-text-detail{--ngc-text-detail-title-font-size: var(--text-size-h1, 2.5rem)}.ngc-page-header-breadcrumbs{margin-bottom:var(--spacing-5, 1.5rem)}.ngc-page-header-background{display:flex;flex-direction:row;justify-content:space-between}.ngc-page-header-left,.ngc-page-header-actions{display:flex;flex-direction:column}";var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,i=(r,e,o,s)=>{for(var t=s>1?void 0:s?x(e,o):e,n=r.length-1,c;n>=0;n--)(c=r[n])&&(t=(s?c(e,o,t):c(t))||t);return s&&t&&f(e,o,t),t};let a=class extends u{constructor(){super(...arguments),this.title="",this.subtitle="",this._showBreadcrumbs=!1}updated(){var e;const r=(e=this.shadowRoot)==null?void 0:e.querySelector('slot[name="breadcrumbs"]');(r==null?void 0:r.assignedNodes().length)>0&&(this._showBreadcrumbs=!0)}render(){return d`
2
2
  <div class="ngc-page-header">
3
3
  <div class="ngc-page-header-background">
4
- <div class="ngc-page-header-top">
5
- <div class="ngc-page-header-breadcrumbs">
4
+ <div class="ngc-page-header-left">
5
+ <div class="${this.breadcrumbClass}">
6
6
  <slot name="breadcrumbs"></slot>
7
7
  </div>
8
- <div class="ngc-page-header-actions">
9
- <slot name="actions"></slot>
8
+ <div class="ngc-page-header-text-detail">
9
+ <ngc-text-detail
10
+ .subtitle="${this.subtitle}"
11
+ size="large"
12
+ >
13
+ <h1 slot="content">
14
+ ${this.title}
15
+ </h1>
16
+ </ngc-text-detail>
10
17
  </div>
11
18
  </div>
12
- <div class="ngc-page-header-text-detail">
13
- <ngc-text-detail
14
- .subtitle="${this.subtitle}"
15
- size="large"
16
- >
17
- <h1 slot="content">
18
- ${this.title}
19
- </h1>
20
- </ngc-text-detail>
19
+ <div class="ngc-page-header-actions">
20
+ <slot name="actions"></slot>
21
21
  </div>
22
22
  </div>
23
23
  <div class="ngc-page-header-tabs">
24
24
  <slot name="tabs"></slot>
25
25
  </div>
26
26
  </div>
27
- `}};t.styles=[p(d),p(v),p(f)];n([m()],t.prototype,"title",2);n([m()],t.prototype,"subtitle",2);t=n([l("ngc-page-header")],t);
27
+ `}get breadcrumbClass(){return this._showBreadcrumbs?"ngc-page-header-breadcrumbs":""}};a.styles=[p(h),p(b),p(v)];i([m()],a.prototype,"title",2);i([m()],a.prototype,"subtitle",2);i([l()],a.prototype,"_showBreadcrumbs",2);a=i([g("ngc-page-header")],a);
@@ -1 +1 @@
1
- import"./gator/page-header.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../breadcrumbs/gator/container/breadcrumbs.gator.js";import"../breadcrumbs/breadcrumbs.js";import"../breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../text-detail/gator/text-detail.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../card/gator/base/card.gator.js";import"../card/card.js";import"../card/gator/title/card-title.gator.js";import"../card/gator/subtitle/card-subtitle.gator.js";import"../../assets/index-chunk11.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk9.js";import"../tabs/gator/tabset/tabset.gator.js";import"../../assets/index-chunk12.js";import"../tabs/gator/tab/tab.gator.js";import"../../consts/key-constants.js";
1
+ import"./gator/page-header.gator.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk12.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../breadcrumbs/gator/container/breadcrumbs.gator.js";import"../breadcrumbs/breadcrumbs.js";import"../breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../text-detail/gator/text-detail.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../card/gator/base/card.gator.js";import"../card/card.js";import"../card/gator/title/card-title.gator.js";import"../card/gator/subtitle/card-subtitle.gator.js";import"../../assets/index-chunk11.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk9.js";import"../tabs/gator/tabset/tabset.gator.js";import"../tabs/gator/tab/tab.gator.js";import"../../consts/key-constants.js";
@@ -1 +1 @@
1
- import"./components/accordion/gator/base/accordion.gator.js";import"./components/accordion/gator/group/accordion-group.gator.js";import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/boolean/boolean.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/base/card.gator.js";import"./components/card/gator/title/card-title.gator.js";import"./components/card/gator/subtitle/card-subtitle.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/display-card/gator/display-card.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/slds/input-text/input-text.slds.js";import"./components/input/slds/input-error/input-error.slds.js";import"./components/input/slds/input-label/input-label.slds.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/text-detail/gator/text-detail.gator.js";import"./components/toast/gator/base/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/accordion/accordion.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/string-utils.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/balloons.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/warning.js";import"./assets/index-chunk9.js";import"./components/alert/alert.js";import"./utils/mixins/attribute-deletion.js";import"./components/avatar/avatar.js";import"./assets/index-chunk7.js";import"./assets/index-chunk8.js";import"./assets/index-chunk6.js";import"./components/badge/badge.js";import"./components/banner/banner.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/loading-spinner/loading-spinner.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk10.js";import"./assets/index-chunk11.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./components/display-card/display-card.js";import"./components/fab/fab.js";import"./components/headline-card/headline-card.js";import"./assets/index-chunk12.js";import"./components/input/base/input-base.js";import"./components/icon/icon.js";import"./components/menu/base/menu.js";import"./consts/key-constants.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/icon-button/icon-button.js";import"./components/switch/switch.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-detail/text-detail.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
1
+ import"./components/accordion/gator/base/accordion.gator.js";import"./components/accordion/gator/group/accordion-group.gator.js";import"./components/alert/gator/base/alert.gator.js";import"./components/alert/gator/subtitle/alert-subtitle.gator.js";import"./components/alert/gator/title/alert-title.gator.js";import"./components/avatar/gator/avatar.gator.js";import"./components/badge/slds/badge.slds.js";import"./components/badge/gator/badge.gator.js";import"./components/banner/gator/banner.gator.js";import"./components/breadcrumbs/gator/container/breadcrumbs.gator.js";import"./components/boolean/boolean.gator.js";import"./components/button/slds/button.slds.js";import"./components/button/gator/button.gator.js";import"./components/button-card/gator/button-card.gator.js";import"./components/card/gator/base/card.gator.js";import"./components/card/gator/title/card-title.gator.js";import"./components/card/gator/subtitle/card-subtitle.gator.js";import"./components/card/gator/content/card-content.gator.js";import"./components/card/gator/footer/card-footer.gator.js";import"./components/checkbox/checkbox.gator.js";import"./components/checkbox-group/checkbox-group.gator.js";import"./components/chip/gator/chip.gator.js";import"./components/display-card/gator/display-card.gator.js";import"./components/fab/gator/fab.gator.js";import"./components/page-header/gator/page-header.gator.js";import"./components/headline-card/gator/headline-card.gator.js";import"./components/input/gator/input-label/input-label.gator.js";import"./components/input/gator/help-text/help-text.gator.js";import"./components/input/gator/input-text/input-text.gator.js";import"./components/input/slds/input-text/input-text.slds.js";import"./components/input/slds/input-error/input-error.slds.js";import"./components/input/slds/input-label/input-label.slds.js";import"./components/icon/slds/icon.slds.js";import"./components/icon/gator/icon.gator.js";import"./components/menu/base/slds/menu.slds.js";import"./components/menu/base/gator/menu.gator.js";import"./components/menu/menu-divider/menu-divider.slds.js";import"./components/menu/menu-item/slds/menu-item.slds.js";import"./components/menu/menu-item/gator/menu-item.gator.js";import"./components/menu/menu-submenu/menu-submenu.slds.js";import"./components/modal/gator/modal.gator.js";import"./components/radio/radio.gator.js";import"./components/radio-group/radio-group.gator.js";import"./components/selection-box/selection-box.gator.js";import"./components/selection-box-group/selection-box-group.gator.js";import"./components/skeleton-loader/gator/skeleton-loader.gator.js";import"./components/switch/gator/switch.gator.js";import"./components/tabs/gator/tabset/tabset.gator.js";import"./components/text-detail/gator/text-detail.gator.js";import"./components/toast/gator/base/toast.gator.js";import"./components/tooltip/gator/tooltip.gator.js";import"./components/tooltip/slds/tooltip.slds.js";import"./components/accordion/accordion.js";import"./assets/index-chunk.js";import"./assets/index-chunk2.js";import"./utils/string-utils.js";import"./utils/components/testable-lit-element/testable-lit-element.js";import"./assets/index-chunk3.js";import"./assets/index-chunk4.js";import"./assets/index-chunk5.js";import"./components/icon/gator/templates/arrow-left.js";import"./components/icon/icon-registry.js";import"./components/icon/gator/templates/arrow-right.js";import"./components/icon/gator/templates/balloons.js";import"./components/icon/gator/templates/check-circle.js";import"./components/icon/gator/templates/check.js";import"./components/icon/gator/templates/checkbox.js";import"./components/icon/gator/templates/checkbox-selected.js";import"./components/icon/gator/templates/chevron-down.js";import"./components/icon/gator/templates/chevron-right.js";import"./components/icon/gator/templates/chevron-up.js";import"./components/icon/gator/templates/exit.js";import"./components/icon/gator/templates/exit-circle.js";import"./components/icon/gator/templates/eye-crossed.js";import"./components/icon/gator/templates/info.js";import"./components/icon/gator/templates/link.js";import"./components/icon/gator/templates/overflow-menu.js";import"./components/icon/gator/templates/picture.js";import"./components/icon/gator/templates/radio.js";import"./components/icon/gator/templates/radio-selected.js";import"./components/icon/gator/templates/restricted.js";import"./components/icon/gator/templates/warning.js";import"./assets/index-chunk9.js";import"./components/alert/alert.js";import"./utils/mixins/attribute-deletion.js";import"./components/avatar/avatar.js";import"./assets/index-chunk7.js";import"./assets/index-chunk8.js";import"./assets/index-chunk6.js";import"./components/badge/badge.js";import"./components/banner/banner.js";import"./components/breadcrumbs/breadcrumbs.js";import"./components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.js";import"./components/button/button.js";import"./components/loading-spinner/gator/loading-spinner.gator.js";import"./components/loading-spinner/loading-spinner.js";import"./components/button-card/button-card.js";import"./components/card/card.js";import"./assets/index-chunk10.js";import"./assets/index-chunk11.js";import"./utils/lightdom-utils.js";import"./utils/datatestid-utils.js";import"./components/chip/chip.js";import"./components/display-card/display-card.js";import"./components/fab/fab.js";import"./assets/index-chunk12.js";import"./components/headline-card/headline-card.js";import"./components/input/base/input-base.js";import"./components/icon/icon.js";import"./components/menu/base/menu.js";import"./consts/key-constants.js";import"./assets/index-chunk13.js";import"./components/menu/menu-divider/menu-divider.js";import"./components/menu/menu-item/menu-item.js";import"./components/menu/menu-submenu/menu-submenu.js";import"./components/modal/modal.js";import"./components/icon-button/gator/icon-button.gator.js";import"./components/icon-button/icon-button.js";import"./components/switch/switch.js";import"./components/tabs/gator/tab/tab.gator.js";import"./components/text-detail/text-detail.js";import"./components/toast/toast.js";import"./components/tooltip/tooltip.js";import"./assets/index-chunk14.js";
@@ -3,7 +3,10 @@ export declare class NgcPageHeader extends TestableLitElement {
3
3
  static styles: import('lit').CSSResult[];
4
4
  title: string;
5
5
  subtitle: string;
6
+ _showBreadcrumbs: boolean;
7
+ updated(): void;
6
8
  render(): import('lit').TemplateResult<1>;
9
+ get breadcrumbClass(): "" | "ngc-page-header-breadcrumbs";
7
10
  }
8
11
  declare global {
9
12
  interface HTMLElementTagNameMap {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ncino/web-components",
3
3
  "author": "nCino",
4
- "version": "1.2.0",
4
+ "version": "1.2.1-preview.1",
5
5
  "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
6
6
  "publishConfig": {
7
7
  "registry": "https://registry.npmjs.org/"
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ncino/web-components",
4
- "version": "1.2.0-preview.20",
4
+ "version": "1.2.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -1405,6 +1405,8 @@
1405
1405
  "properties": [
1406
1406
  { "name": "title", "type": "string" },
1407
1407
  { "name": "subtitle", "type": "string" },
1408
+ { "name": "_showBreadcrumbs", "type": "boolean" },
1409
+ { "name": "breadcrumbClass" },
1408
1410
  { "name": "dataTestid", "type": "string | undefined" },
1409
1411
  { "name": "labelDataTestid" },
1410
1412
  { "name": "helpTextDataTestid" },