@ncino/web-components 16.4.0 → 16.4.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.
- package/dist/components/headline-card/gator/headline-card.gator.js +2 -3
- package/dist/packages/web-components/src/components/headline-card/gator/headline-card.gator.scss.js +1 -1
- package/dist/types/src/components/headline-card/gator/headline-card.gator.d.ts +5 -3
- package/package.json +3 -3
- package/web-types.json +2 -4
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import{NjcHeadlineCard as h}from"../headline-card.js";import"../../card/gator/header/card-header.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as
|
|
1
|
+
import{NjcHeadlineCard as h}from"../headline-card.js";import"../../card/gator/header/card-header.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import u from"../../../packages/web-components/src/components/headline-card/gator/headline-card.gator.scss.js";import{state as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";import{customElement as g}from"../../../utils/decorators/custom-element-decorator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../illustration/gator/illustration.gator.js";import"../../illustration/gator/templates/index.js";import{createRef as f,ref as m}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/ref.js";import{classMap as _}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/class-map.js";import v from"../../../packages/web-components/src/components/card/gator/base/card.gator.scss.js";import{unsafeCSS as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var C=Object.defineProperty,B=Object.getOwnPropertyDescriptor,b=Object.getPrototypeOf,V=Reflect.get,c=(e,r,s,a)=>{for(var t=a>1?void 0:a?B(r,s):r,l=e.length-1,o;l>=0;l--)(o=e[l])&&(t=(a?o(r,s,t):o(t))||t);return a&&t&&C(r,s,t),t},$=(e,r,s)=>V(b(e),s,r);let i=class extends h{constructor(){super(...arguments),this._shouldBeVertical=!1,this.containerRef=f(),this._handleResize=()=>{this._shouldBeVertical=this.shouldBeVertical}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._handleResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._handleResize)}firstUpdated(){this._shouldBeVertical=this.shouldBeVertical}updated(){this._shouldBeVertical=this.shouldBeVertical}render(){return n`
|
|
2
2
|
<div ${m(this.containerRef)} class="${_(this.classes)}">
|
|
3
|
-
${this.backgroundMarkup}
|
|
4
3
|
<div class="gator-headline-card-illustration ${this.justifyCenterClass}">
|
|
5
4
|
${this.illustrationMarkup}
|
|
6
5
|
</div>
|
|
@@ -19,4 +18,4 @@ import{NjcHeadlineCard as h}from"../headline-card.js";import"../../card/gator/he
|
|
|
19
18
|
</ngc-card-header>
|
|
20
19
|
</div>
|
|
21
20
|
</div>
|
|
22
|
-
`}get classes(){return{"gator-headline-card":!0,"gator-headline-card_vertical":this._shouldBeVertical,"gator-card_elevated":this.elevated,"gator-card_outlined":this.outlined}}get illustrationMarkup(){return this.skeleton?
|
|
21
|
+
`}get classes(){return{"gator-headline-card":!0,"gator-headline-card--background":this.background,"gator-headline-card_vertical":this._shouldBeVertical,"gator-card_elevated":this.elevated,"gator-card_outlined":this.outlined}}get illustrationMarkup(){return this.skeleton?n`<ngc-skeleton-loader width="76.6" height="76.6" rounded></ngc-skeleton-loader>`:n`<ngc-illustration name="${this.illustrationName}"></ngc-illustration>`}get cardContentClass(){return this._shouldBeVertical?"gator-headline-card-content_vertical":"gator-headline-card-content"}get justifyCenterClass(){return this._shouldBeVertical?"gator-headline-card-justify-content-center":""}get shouldBeVertical(){let e=this.containerRef.value?.getBoundingClientRect().width;return e?e<600?!0:this.orientation==="vertical":!1}};i.styles=[...$(i,i,"styles"),d(v),d(u)];c([p()],i.prototype,"_shouldBeVertical",2);i=c([g("ngc-headline-card")],i);export{i as NgcHeadlineCard};
|
package/dist/packages/web-components/src/components/headline-card/gator/headline-card.gator.scss.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const e='.gator-headline-card{display:flex;align-content:center;flex-direction:row;position:relative;font-family:var(--text-family-body, "Open Sans"),sans-serif;border-radius:var(--ngc-card-border-radius, var(--border-radius-large, 1rem));max-width:var(--ngc-card-max-width, 25rem);padding:var(--spacing-10);--ngc-card-max-width: 100%;overflow:hidden}.gator-headline-card ngc-card-header{--ngc-card-header-padding: 0;--ngc-card-header-title-font-size: var(--ngc-headline-card-title-size, var(--font-size-heading-3, 1.625rem));--ngc-card-header-title-line-height: var(--ngc-headline-card-title-line-height, var(--line-height-heading-3, 2.25rem))}.
|
|
1
|
+
const e='.gator-headline-card{display:flex;align-content:center;flex-direction:row;position:relative;font-family:var(--text-family-body, "Open Sans"),sans-serif;border-radius:var(--ngc-card-border-radius, var(--border-radius-large, 1rem));max-width:var(--ngc-card-max-width, 25rem);padding:var(--spacing-10);--ngc-card-max-width: 100%;overflow:hidden}.gator-headline-card ngc-card-header{--ngc-card-header-padding: 0;--ngc-card-header-title-font-size: var(--ngc-headline-card-title-size, var(--font-size-heading-3, 1.625rem));--ngc-card-header-title-line-height: var(--ngc-headline-card-title-line-height, var(--line-height-heading-3, 2.25rem))}.gator-headline-card.gator-headline-card--background:before{content:"";position:absolute;background:var(--ngc-headline-card-background-circle-color, var(--color-surface-secondary, #F7F7F7));pointer-events:none}.gator-headline-card.gator-headline-card--background:not(.gator-headline-card_vertical):before{top:-48px;bottom:-48px;left:-144px;width:280px;border-radius:var(--border-radius-circle, 50%)}.gator-headline-card.gator-headline-card--background.gator-headline-card_vertical:before{top:-1px;right:-1px;left:-1px;height:72px;border-radius:0 0 50% 50%/0 0 12px 12px}.gator-headline-card-content{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;word-break:break-word}.gator-headline-card-content_vertical{position:relative;padding:var(--spacing-10) 0;word-break:break-word}.gator-headline-card_vertical{--ngc-card-max-width: 600px;flex-direction:column;justify-content:center}.gator-headline-card-illustration{position:relative;display:flex;align-items:center;margin-right:var(--spacing-10)}.gator-headline-card-illustration ngc-illustration{--ngc-illustration-width: var(--ngc-headline-card-illustration-width, 96px)}.gator-headline-card-illustration ngc-skeleton-loader{margin-right:var(--spacing-10)}.gator-headline-card-title,.gator-headline-card-subtitle{display:flex}.gator-headline-card-justify-content-center{justify-content:center;margin-right:0}.gator-headline-card-justify-content-center ngc-skeleton-loader{margin-right:0}';export{e as default};
|
|
@@ -3,12 +3,16 @@ import { Ref } from 'lit/directives/ref.js';
|
|
|
3
3
|
export declare class NgcHeadlineCard extends NjcHeadlineCard {
|
|
4
4
|
static styles: import('lit').CSSResult[];
|
|
5
5
|
private _shouldBeVertical;
|
|
6
|
-
containerRef: Ref<
|
|
6
|
+
containerRef: Ref<HTMLDivElement>;
|
|
7
|
+
private _handleResize;
|
|
8
|
+
connectedCallback(): void;
|
|
9
|
+
disconnectedCallback(): void;
|
|
7
10
|
firstUpdated(): void;
|
|
8
11
|
updated(): void;
|
|
9
12
|
render(): import('lit').TemplateResult<1>;
|
|
10
13
|
get classes(): {
|
|
11
14
|
'gator-headline-card': boolean;
|
|
15
|
+
'gator-headline-card--background': boolean;
|
|
12
16
|
'gator-headline-card_vertical': boolean;
|
|
13
17
|
'gator-card_elevated': boolean;
|
|
14
18
|
'gator-card_outlined': boolean;
|
|
@@ -16,8 +20,6 @@ export declare class NgcHeadlineCard extends NjcHeadlineCard {
|
|
|
16
20
|
get illustrationMarkup(): import('lit').TemplateResult<1>;
|
|
17
21
|
get cardContentClass(): "gator-headline-card-content_vertical" | "gator-headline-card-content";
|
|
18
22
|
get justifyCenterClass(): "" | "gator-headline-card-justify-content-center";
|
|
19
|
-
get backgroundMarkup(): import('lit').TemplateResult<1> | null;
|
|
20
|
-
get getBackgroundClass(): "gator-headline-card-background-circle_vertical" | "gator-headline-card-background-circle";
|
|
21
23
|
get shouldBeVertical(): boolean;
|
|
22
24
|
}
|
|
23
25
|
declare global {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "16.4.
|
|
4
|
+
"version": "16.4.1",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -100,10 +100,10 @@
|
|
|
100
100
|
"vite-plugin-static-copy": "^3.3.0",
|
|
101
101
|
"vitest": "^4.1.10",
|
|
102
102
|
"yaml-eslint-parser": "^2.1.0",
|
|
103
|
-
"@ncino/styles": "16.4.
|
|
103
|
+
"@ncino/styles": "16.4.1"
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
|
-
"@ncino/styles": "16.4.
|
|
106
|
+
"@ncino/styles": "16.4.1"
|
|
107
107
|
},
|
|
108
108
|
"bugs": {
|
|
109
109
|
"url": "https://github.com/ncino/force-sdk-web-components/issues"
|
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": "16.
|
|
4
|
+
"version": "16.4.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -3840,13 +3840,11 @@
|
|
|
3840
3840
|
"events": [],
|
|
3841
3841
|
"js": {
|
|
3842
3842
|
"properties": [
|
|
3843
|
-
{ "name": "containerRef", "type": "Ref<
|
|
3843
|
+
{ "name": "containerRef", "type": "Ref<HTMLDivElement>" },
|
|
3844
3844
|
{ "name": "classes" },
|
|
3845
3845
|
{ "name": "illustrationMarkup" },
|
|
3846
3846
|
{ "name": "cardContentClass" },
|
|
3847
3847
|
{ "name": "justifyCenterClass" },
|
|
3848
|
-
{ "name": "backgroundMarkup" },
|
|
3849
|
-
{ "name": "getBackgroundClass" },
|
|
3850
3848
|
{ "name": "shouldBeVertical" },
|
|
3851
3849
|
{ "name": "orientation", "type": "'horizontal' | 'vertical'" },
|
|
3852
3850
|
{ "name": "background", "type": "boolean" },
|