@ncino/web-components 2.0.0-preview.2 → 2.0.0-preview.4
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/assets/index-chunk11.js +5 -1
- package/dist/assets/index-chunk12.js +1 -5
- package/dist/assets/index-chunk13.js +1 -1
- package/dist/assets/index-chunk5.js +1 -1
- package/dist/components/accordion/gator/base/accordion.gator.js +6 -6
- package/dist/components/accordion/gator/group/accordion-group.gator.js +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/button-card/gator/button-card.gator.js +2 -2
- package/dist/components/button-card/index.js +1 -1
- package/dist/components/card/card.js +1 -1
- package/dist/components/card/gator/base/card.gator.js +1 -7
- package/dist/components/card/gator/header/card-header.gator.js +1 -0
- package/dist/components/card/index.js +1 -1
- package/dist/components/combobox/base/combobox.js +1 -1
- package/dist/components/combobox/base/combobox.slds.js +1 -1
- package/dist/components/combobox/base/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/display-card/gator/display-card.gator.js +13 -16
- package/dist/components/display-card/index.js +1 -1
- package/dist/components/headline-card/gator/headline-card.gator.js +12 -13
- package/dist/components/headline-card/index.js +1 -1
- package/dist/components/input/gator/input-text/input-text.gator.js +17 -8
- package/dist/components/input/index.js +1 -1
- package/dist/components/list/gator/list/index.js +1 -1
- package/dist/components/list/gator/list/list.gator.js +1 -1
- package/dist/components/list/gator/list-item/index.js +1 -1
- package/dist/components/list/gator/list-item/list-item.gator.js +1 -1
- package/dist/components/menu/base/gator/menu.gator.js +1 -1
- package/dist/components/menu/base/index.js +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/menu-item/gator/menu-item.gator.js +1 -1
- package/dist/components/menu/menu-item/index.js +1 -1
- package/dist/components/modal/gator/modal.gator.js +14 -16
- package/dist/components/modal/index.js +1 -1
- package/dist/components/page-header/gator/page-header.gator.js +2 -2
- package/dist/components/page-header/index.js +1 -1
- package/dist/components/tabs/gator/tabset/tabset.gator.js +1 -1
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/text-detail/gator/text-detail.gator.js +30 -11
- package/dist/components/text-detail/index.js +1 -1
- package/dist/components/tooltip/gator/tooltip.gator.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/slds/tooltip.slds.js +1 -1
- package/dist/index.gator.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.slds.js +1 -1
- package/dist/types/components/accordion/gator/base/accordion.gator.d.ts +3 -0
- package/dist/types/components/card/card.d.ts +5 -0
- package/dist/types/components/card/gator/base/card.gator.d.ts +1 -2
- package/dist/types/components/card/gator/header/card-header.gator.d.ts +30 -0
- package/dist/types/components/card/index.d.ts +1 -2
- package/dist/types/components/display-card/gator/display-card.gator.d.ts +2 -2
- package/dist/types/components/headline-card/gator/headline-card.gator.d.ts +1 -3
- package/dist/types/components/input/gator/input-text/input-text.gator.d.ts +18 -3
- package/dist/types/index.gator.d.ts +2 -2
- package/package.json +1 -1
- package/web-types.json +74 -21
- package/dist/assets/index-chunk14.js +0 -1
- package/dist/components/card/gator/subtitle/card-subtitle.gator.js +0 -5
- package/dist/components/card/gator/title/card-title.gator.js +0 -5
- package/dist/types/components/card/gator/subtitle/card-subtitle.gator.d.ts +0 -5
- package/dist/types/components/card/gator/title/card-title.gator.d.ts +0 -5
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import{n as r}from"./index-chunk.js";/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2017 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/function n(t){return r({...t,state:!0,attribute:!1})}export{n as r};
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2017 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/function n(t){return r({...t,state:!0,attribute:!1})}export{n as r};
|
|
1
|
+
const o=":host,:root{--gator-menu-dropdown-max-width: 400px;--gator-menu-item-hover-background-color: var(--color-blue-10, #F3F5F7);--gator-menu-item-pressed-background-color: var(--color-blue-25)}";export{o as m};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o=":host,:root{--gator-menu-dropdown-max-width: 400px;--gator-menu-item-hover-background-color: var(--color-blue-10, #F3F5F7);--gator-menu-item-pressed-background-color: var(--color-blue-25)}";export{o as m};
|
|
1
|
+
const St="div[role=tooltip]{position:absolute;width:max-content;top:0;left:0;visibility:hidden;opacity:0;transition:opacity .2s}#floating{position:absolute;width:max-content;top:0;left:0}",$=Math.min,D=Math.max,M=Math.round,H=Math.floor,T=t=>({x:t,y:t});function Z(t){return t.split("-")[0]}function ft(t){return t.split("-")[1]}function ut(t){return t==="x"?"y":"x"}function at(t){return t==="y"?"height":"width"}function tt(t){return["top","bottom"].includes(Z(t))?"y":"x"}function dt(t){return ut(tt(t))}function et(t){const{x:e,y:o,width:n,height:i}=t;return{width:n,height:i,top:o,left:e,right:e+n,bottom:o+i,x:e,y:o}}function K(t,e,o){let{reference:n,floating:i}=t;const c=tt(e),r=dt(e),s=at(r),f=Z(e),l=c==="y",a=n.x+n.width/2-i.width/2,d=n.y+n.height/2-i.height/2,g=n[s]/2-i[s]/2;let u;switch(f){case"top":u={x:a,y:n.y-i.height};break;case"bottom":u={x:a,y:n.y+n.height};break;case"right":u={x:n.x+n.width,y:d};break;case"left":u={x:n.x-i.width,y:d};break;default:u={x:n.x,y:n.y}}switch(ft(e)){case"start":u[r]-=g*(o&&l?-1:1);break;case"end":u[r]+=g*(o&&l?-1:1);break}return u}const ht=async(t,e,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:c=[],platform:r}=o,s=c.filter(Boolean),f=await(r.isRTL==null?void 0:r.isRTL(e));let l=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:a,y:d}=K(l,n,f),g=n,u={},x=0;for(let h=0;h<s.length;h++){const{name:m,fn:p}=s[h],{x:w,y:R,data:F,reset:L}=await p({x:a,y:d,initialPlacement:n,placement:g,strategy:i,middlewareData:u,rects:l,platform:r,elements:{reference:t,floating:e}});a=w??a,d=R??d,u={...u,[m]:{...u[m],...F}},L&&x<=50&&(x++,typeof L=="object"&&(L.placement&&(g=L.placement),L.rects&&(l=L.rects===!0?await r.getElementRects({reference:t,floating:e,strategy:i}):L.rects),{x:a,y:d}=K(l,g,f)),h=-1)}return{x:a,y:d,placement:g,strategy:i,middlewareData:u}};function V(){return typeof window<"u"}function W(t){return nt(t)?(t.nodeName||"").toLowerCase():"#document"}function y(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function E(t){var e;return(e=(nt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function nt(t){return V()?t instanceof Node||t instanceof y(t).Node:!1}function v(t){return V()?t instanceof Element||t instanceof y(t).Element:!1}function C(t){return V()?t instanceof HTMLElement||t instanceof y(t).HTMLElement:!1}function G(t){return!V()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof y(t).ShadowRoot}function k(t){const{overflow:e,overflowX:o,overflowY:n,display:i}=b(t);return/auto|scroll|overlay|hidden|clip/.test(e+n+o)&&!["inline","contents"].includes(i)}function gt(t){return["table","td","th"].includes(W(t))}function z(t){return[":popover-open",":modal"].some(e=>{try{return t.matches(e)}catch{return!1}})}function X(t){const e=j(),o=v(t)?b(t):t;return o.transform!=="none"||o.perspective!=="none"||(o.containerType?o.containerType!=="normal":!1)||!e&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!e&&(o.filter?o.filter!=="none":!1)||["transform","perspective","filter"].some(n=>(o.willChange||"").includes(n))||["paint","layout","strict","content"].some(n=>(o.contain||"").includes(n))}function pt(t){let e=O(t);for(;C(e)&&!N(e);){if(X(e))return e;if(z(e))return null;e=O(e)}return null}function j(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function N(t){return["html","body","#document"].includes(W(t))}function b(t){return y(t).getComputedStyle(t)}function _(t){return v(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function O(t){if(W(t)==="html")return t;const e=t.assignedSlot||t.parentNode||G(t)&&t.host||E(t);return G(e)?e.host:e}function ot(t){const e=O(t);return N(e)?t.ownerDocument?t.ownerDocument.body:t.body:C(e)&&k(e)?e:ot(e)}function B(t,e,o){var n;e===void 0&&(e=[]),o===void 0&&(o=!0);const i=ot(t),c=i===((n=t.ownerDocument)==null?void 0:n.body),r=y(i);if(c){const s=Y(r);return e.concat(r,r.visualViewport||[],k(i)?i:[],s&&o?B(s):[])}return e.concat(i,B(i,[],o))}function Y(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function it(t){const e=b(t);let o=parseFloat(e.width)||0,n=parseFloat(e.height)||0;const i=C(t),c=i?t.offsetWidth:o,r=i?t.offsetHeight:n,s=M(o)!==c||M(n)!==r;return s&&(o=c,n=r),{width:o,height:n,$:s}}function q(t){return v(t)?t:t.contextElement}function S(t){const e=q(t);if(!C(e))return T(1);const o=e.getBoundingClientRect(),{width:n,height:i,$:c}=it(e);let r=(c?M(o.width):o.width)/n,s=(c?M(o.height):o.height)/i;return(!r||!Number.isFinite(r))&&(r=1),(!s||!Number.isFinite(s))&&(s=1),{x:r,y:s}}const mt=T(0);function rt(t){const e=y(t);return!j()||!e.visualViewport?mt:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function wt(t,e,o){return e===void 0&&(e=!1),!o||e&&o!==y(t)?!1:e}function A(t,e,o,n){e===void 0&&(e=!1),o===void 0&&(o=!1);const i=t.getBoundingClientRect(),c=q(t);let r=T(1);e&&(n?v(n)&&(r=S(n)):r=S(t));const s=wt(c,o,n)?rt(c):T(0);let f=(i.left+s.x)/r.x,l=(i.top+s.y)/r.y,a=i.width/r.x,d=i.height/r.y;if(c){const g=y(c),u=n&&v(n)?y(n):n;let x=g,h=Y(x);for(;h&&n&&u!==x;){const m=S(h),p=h.getBoundingClientRect(),w=b(h),R=p.left+(h.clientLeft+parseFloat(w.paddingLeft))*m.x,F=p.top+(h.clientTop+parseFloat(w.paddingTop))*m.y;f*=m.x,l*=m.y,a*=m.x,d*=m.y,f+=R,l+=F,x=y(h),h=Y(x)}}return et({width:a,height:d,x:f,y:l})}function U(t,e){const o=_(t).scrollLeft;return e?e.left+o:A(E(t)).left+o}function st(t,e,o){o===void 0&&(o=!1);const n=t.getBoundingClientRect(),i=n.left+e.scrollLeft-(o?0:U(t,n)),c=n.top+e.scrollTop;return{x:i,y:c}}function yt(t){let{elements:e,rect:o,offsetParent:n,strategy:i}=t;const c=i==="fixed",r=E(n),s=e?z(e.floating):!1;if(n===r||s&&c)return o;let f={scrollLeft:0,scrollTop:0},l=T(1);const a=T(0),d=C(n);if((d||!d&&!c)&&((W(n)!=="body"||k(r))&&(f=_(n)),C(n))){const u=A(n);l=S(n),a.x=u.x+n.clientLeft,a.y=u.y+n.clientTop}const g=r&&!d&&!c?st(r,f,!0):T(0);return{width:o.width*l.x,height:o.height*l.y,x:o.x*l.x-f.scrollLeft*l.x+a.x+g.x,y:o.y*l.y-f.scrollTop*l.y+a.y+g.y}}function xt(t){return Array.from(t.getClientRects())}function vt(t){const e=E(t),o=_(t),n=t.ownerDocument.body,i=D(e.scrollWidth,e.clientWidth,n.scrollWidth,n.clientWidth),c=D(e.scrollHeight,e.clientHeight,n.scrollHeight,n.clientHeight);let r=-o.scrollLeft+U(t);const s=-o.scrollTop;return b(n).direction==="rtl"&&(r+=D(e.clientWidth,n.clientWidth)-i),{width:i,height:c,x:r,y:s}}function bt(t,e){const o=y(t),n=E(t),i=o.visualViewport;let c=n.clientWidth,r=n.clientHeight,s=0,f=0;if(i){c=i.width,r=i.height;const l=j();(!l||l&&e==="fixed")&&(s=i.offsetLeft,f=i.offsetTop)}return{width:c,height:r,x:s,y:f}}function Rt(t,e){const o=A(t,!0,e==="fixed"),n=o.top+t.clientTop,i=o.left+t.clientLeft,c=C(t)?S(t):T(1),r=t.clientWidth*c.x,s=t.clientHeight*c.y,f=i*c.x,l=n*c.y;return{width:r,height:s,x:f,y:l}}function J(t,e,o){let n;if(e==="viewport")n=bt(t,o);else if(e==="document")n=vt(E(t));else if(v(e))n=Rt(e,o);else{const i=rt(t);n={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return et(n)}function ct(t,e){const o=O(t);return o===e||!v(o)||N(o)?!1:b(o).position==="fixed"||ct(o,e)}function Lt(t,e){const o=e.get(t);if(o)return o;let n=B(t,[],!1).filter(s=>v(s)&&W(s)!=="body"),i=null;const c=b(t).position==="fixed";let r=c?O(t):t;for(;v(r)&&!N(r);){const s=b(r),f=X(r);!f&&s.position==="fixed"&&(i=null),(c?!f&&!i:!f&&s.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||k(r)&&!f&&ct(t,r))?n=n.filter(a=>a!==r):i=s,r=O(r)}return e.set(t,n),n}function Tt(t){let{element:e,boundary:o,rootBoundary:n,strategy:i}=t;const r=[...o==="clippingAncestors"?z(e)?[]:Lt(e,this._c):[].concat(o),n],s=r[0],f=r.reduce((l,a)=>{const d=J(e,a,i);return l.top=D(d.top,l.top),l.right=$(d.right,l.right),l.bottom=$(d.bottom,l.bottom),l.left=D(d.left,l.left),l},J(e,s,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Ct(t){const{width:e,height:o}=it(t);return{width:e,height:o}}function Et(t,e,o){const n=C(e),i=E(e),c=o==="fixed",r=A(t,!0,c,e);let s={scrollLeft:0,scrollTop:0};const f=T(0);if(n||!n&&!c)if((W(e)!=="body"||k(i))&&(s=_(e)),n){const g=A(e,!0,c,e);f.x=g.x+e.clientLeft,f.y=g.y+e.clientTop}else i&&(f.x=U(i));const l=i&&!n&&!c?st(i,s):T(0),a=r.left+s.scrollLeft-f.x-l.x,d=r.top+s.scrollTop-f.y-l.y;return{x:a,y:d,width:r.width,height:r.height}}function P(t){return b(t).position==="static"}function Q(t,e){if(!C(t)||b(t).position==="fixed")return null;if(e)return e(t);let o=t.offsetParent;return E(t)===o&&(o=o.ownerDocument.body),o}function lt(t,e){const o=y(t);if(z(t))return o;if(!C(t)){let i=O(t);for(;i&&!N(i);){if(v(i)&&!P(i))return i;i=O(i)}return o}let n=Q(t,e);for(;n&>(n)&&P(n);)n=Q(n,e);return n&&N(n)&&P(n)&&!X(n)?o:n||pt(t)||o}const Ot=async function(t){const e=this.getOffsetParent||lt,o=this.getDimensions,n=await o(t.floating);return{reference:Et(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}};function At(t){return b(t).direction==="rtl"}const Ft={convertOffsetParentRelativeRectToViewportRelativeRect:yt,getDocumentElement:E,getClippingRect:Tt,getOffsetParent:lt,getElementRects:Ot,getClientRects:xt,getDimensions:Ct,getScale:S,isElement:v,isRTL:At};function Dt(t,e){let o=null,n;const i=E(t);function c(){var s;clearTimeout(n),(s=o)==null||s.disconnect(),o=null}function r(s,f){s===void 0&&(s=!1),f===void 0&&(f=1),c();const{left:l,top:a,width:d,height:g}=t.getBoundingClientRect();if(s||e(),!d||!g)return;const u=H(a),x=H(i.clientWidth-(l+d)),h=H(i.clientHeight-(a+g)),m=H(l),w={rootMargin:-u+"px "+-x+"px "+-h+"px "+-m+"px",threshold:D(0,$(1,f))||1};let R=!0;function F(L){const I=L[0].intersectionRatio;if(I!==f){if(!R)return r();I?r(!1,I):n=setTimeout(()=>{r(!1,1e-7)},1e3)}R=!1}try{o=new IntersectionObserver(F,{...w,root:i.ownerDocument})}catch{o=new IntersectionObserver(F,w)}o.observe(t)}return r(!0),c}function Nt(t,e,o,n){n===void 0&&(n={});const{ancestorScroll:i=!0,ancestorResize:c=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:s=typeof IntersectionObserver=="function",animationFrame:f=!1}=n,l=q(t),a=i||c?[...l?B(l):[],...B(e)]:[];a.forEach(p=>{i&&p.addEventListener("scroll",o,{passive:!0}),c&&p.addEventListener("resize",o)});const d=l&&s?Dt(l,o):null;let g=-1,u=null;r&&(u=new ResizeObserver(p=>{let[w]=p;w&&w.target===l&&u&&(u.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var R;(R=u)==null||R.observe(e)})),o()}),l&&!f&&u.observe(l),u.observe(e));let x,h=f?A(t):null;f&&m();function m(){const p=A(t);h&&(p.x!==h.x||p.y!==h.y||p.width!==h.width||p.height!==h.height)&&o(),h=p,x=requestAnimationFrame(m)}return o(),()=>{var p;a.forEach(w=>{i&&w.removeEventListener("scroll",o),c&&w.removeEventListener("resize",o)}),d==null||d(),(p=u)==null||p.disconnect(),u=null,f&&cancelAnimationFrame(x)}}const Wt=(t,e,o)=>{const n=new Map,i={platform:Ft,...o},c={...i.platform,_c:n};return ht(t,e,{...i,platform:c})};export{Nt as a,Wt as c,St as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-brand-secondary: var(--color-blue-20, #C3CDD6);--color-stroke-primary: var(--color-neutral-50, #6D6D6D);--color-stroke-secondary: var(--color-neutral-40, #BFBFBF);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-stroke-button: var(--color-neutral-70);--color-stroke-interactive: var(--color-neutral-70);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-50, #6D6D6D);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-surface-interactive-primary: var(--color-blue-40, #0E304D);--color-surface-interactive-primary-hover: var(--color-blue-50, #0A2033);--color-surface-interactive-primary-pressed: var(--color-blue-50, #0A2033);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-button-disabled: var(--color-neutral-40, #BFBFBF);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--text-color-secondary: var(--color-neutral-50, #6D6D6D);--size-stroke-1: 1px;--radius-sm: .125rem;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-subtitle-1: 1.0625rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-line-height-subtitle-1: 1.5rem;--text-line-height-body-1: 1.5rem;--text-line-height-body-2: 1.375rem;--text-line-height-h1: 3.125rem;--text-line-height-h5: 1.875rem;--text-family-sans-serif: "Open Sans", sans-serif;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-8: .5rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem;--spacing-gap-16: 1rem;--size-icon-default: 1.5rem;--text-line-height-subtitle: 1.5rem}';export{r as s};
|
|
1
|
+
const r=':host,:root{--color-background-primary: var(--color-blue-10, #F3F5F7);--color-stroke-brand: var(--color-blue-30, #11395B);--color-stroke-brand-secondary: var(--color-blue-20, #C3CDD6);--color-stroke-primary: var(--color-neutral-50, #6D6D6D);--color-stroke-secondary: var(--color-neutral-40, #BFBFBF);--color-stroke-success: var(--color-green-20);--color-stroke-warning: var(--color-orange-20);--color-stroke-error-weak: var(--color-red-20);--color-stroke-error-strong: var(--color-red-30);--color-stroke-tertiary: var(--color-neutral-30, #E5E5E5);--color-stroke-button: var(--color-neutral-70);--color-stroke-interactive: var(--color-neutral-70);--color-text-primary-base: var(--color-neutral-70, #1F1F1F);--color-text-secondary: var(--color-neutral-50, #6D6D6D);--color-text-brand: var(--color-blue-30, #11395B);--color-text-placeholder: var(--color-neutral-50, #6D6D6D);--color-text-error: var(--color-red-40, #AA330E);--color-text-disabled: var(--color-neutral-50, #6D6D6D);--color-text-inverse: var(--color-neutral-0, #FFFFFF);--color-surface-primary: var(--color-neutral-0, #FFFFFF);--color-surface-brand: var(--color-blue-10, #F3F5F7);--color-surface-brand-secondary: var(--color-blue-20, #C3CDD6);--color-surface-secondary: var(--color-neutral-10);--color-surface-error: var(--color-red-10);--color-surface-success: var(--color-green-10);--color-surface-warning: var(--color-orange-10);--color-surface-badge: var(--color-red-30);--color-surface-hover: var(--color-neutral-10, #F7F7F7);--color-surface-loading: var(--color-neutral-30);--color-surface-interactive-primary: var(--color-blue-40, #0E304D);--color-surface-interactive-primary-hover: var(--color-blue-50, #0A2033);--color-surface-interactive-primary-pressed: var(--color-blue-50, #0A2033);--color-icon-error: var(--color-red-30);--color-icon-success: var(--color-green-30);--color-icon-warning: var(--color-orange-30);--color-icon-disabled: var(--color-neutral-40, #BFBFBF);--color-icon-brand: var(--color-blue-30);--color-primary-03-base: var(--color-neutral-70, #1F1F1F);--color-primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--color-underline-primary: var(--color-neutral-40, #BFBFBF);--color-button-pressed: var(--color-neutral-60, #404040);--color-button-disabled: var(--color-neutral-40, #BFBFBF);--color-focus-gap: var(--color-neutral-0, #FFFFFF);--color-focus-border: var(--color-blue-30, #11395B);--primary-01-placeholder: var(--color-neutral-50, #6D6D6D);--text-color-secondary: var(--color-neutral-50, #6D6D6D);--size-stroke-1: 1px;--radius-sm: .125rem;--text-size-body-1: 1.0625rem;--text-size-body-2: .9375rem;--text-size-caption: .8125rem;--text-size-subtitle-1: 1.0625rem;--text-size-h1: 2.5rem;--text-size-h5: 1.25rem;--text-size-button-small: .8125rem;--text-size-button-large: 1.0625rem;--text-line-height-subtitle-1: 1.5rem;--text-line-height-body-1: 1.5rem;--text-line-height-body-2: 1.375rem;--text-line-height-h1: 3.125rem;--text-line-height-h5: 1.875rem;--text-line-height-heading-2: 2.625rem;--text-family-sans-serif: "Open Sans", sans-serif;--text-family-header: "nCino+Avenir", sans-serif;--spacing-2: .5rem;--spacing-5: 1.5rem;--spacing-padding-margin-16: 1rem;--spacing-padding-margin-8: .5rem;--spacing-padding-margin-4: .25rem;--spacing-gap-4: .25rem;--spacing-gap-8: .5rem;--spacing-gap-12: .75rem;--spacing-gap-16: 1rem;--size-icon-default: 1.5rem;--text-line-height-subtitle: 1.5rem}';export{r as s};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{N as p}from"../../accordion.js";import{a as
|
|
1
|
+
import{N as p}from"../../accordion.js";import{a as t,x as l}from"../../../../assets/index-chunk2.js";import{t as g}from"../../../../assets/index-chunk3.js";import{r as m}from"../../../../assets/index-chunk11.js";import{p as v}from"../../../../assets/index-chunk4.js";import{s as u}from"../../../../assets/index-chunk5.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/balloons.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/warning.js";import"../../../text-detail/gator/text-detail.gator.js";import{i as b}from"../../../../utils/string-utils.js";import{o as s}from"../../../../assets/index-chunk9.js";import"../../../../assets/index-chunk.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../icon/icon-registry.js";import"../../../card/gator/content/card-content.gator.js";import"../../../card/gator/footer/card-footer.gator.js";import"../../../text-detail/text-detail.js";import"../../../chip/gator/chip.gator.js";import"../../../chip/chip.js";import"../../../card/card.js";import"../../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.js";const f=".accordion-container{font-family:var(--ngc-font-family-body);font-style:normal;font-weight:400;border-bottom:var(--ngc-accordion-border-bottom);width:var(--ngc-accordion-width)}.accordion-header{display:flex;align-items:flex-start;width:100%;border:none;background:none;justify-content:space-between;padding:var(--ngc-accordion-header-padding);gap:1rem}.accordion-text-container{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1 0 0;letter-spacing:var(--text-letter-spacing-default, 0rem)}.accordion-title{color:var(--ngc-accordion-title-text-color);font-size:var(--ngc-accordion-title-font-size);line-height:var(--ngc-accordion-title-line-height)}.accordion-text-content{color:var(--ngc-accordion-subtitle-text-color);font-size:var(--ngc-accordion-subtitle-font-size);line-height:var(--ngc-accordion-subtitle-line-height)}.accordion-content{padding:var(--ngc-accordion-content-padding)}.hidden{display:none}.accordion-header:hover{background:var(--ngc-accordion-header-background-color-hover)}.accordion-header:active{border:var(--ngc-accordion-header-border-active)}.accordion-header:active.accordion-header_inside-card-expanded{border-radius:var(--ngc-card-border-radius, .5rem) var(--ngc-card-border-radius, .5rem) 0 0}.accordion-header:active.accordion-header_inside-card{border-radius:var(--ngc-card-border-radius, .5rem)}.accordion-header:focus-visible{outline:none;border:var(--ngc-accordion-header-border-focus);background:var(--ngc-accordion-header-background-color-focus)}.accordion-header:focus-visible.accordion-header_inside-card-expanded{border-radius:var(--ngc-card-border-radius, .5rem) var(--ngc-card-border-radius, .5rem) 0 0}.accordion-header:focus-visible.accordion-header_inside-card{border-radius:var(--ngc-card-border-radius, .5rem)}",x=":host,:root{--ngc-accordion-title-text-color: var(--primary-01-placeholder, var(--color-grey-50, #6D6D6D));--ngc-accordion-subtitle-text-color: var(--primary-03-base, var(--color-grey-70, #1F1F1F));--ngc-accordion-header-background-color-hover: var(--color-surface-brand, #F3F5F7);--ngc-accordion-header-background-color-focus: var(--color-surface-brand, #F3F5F7);--ngc-accordion-header-border-color-active: var(--color-stroke-brand, #11395B);--ngc-accordion-header-border-color-focus: var(--color-stroke-brand, #11395B);--ngc-accordion-border-bottom: none;--ngc-accordion-header-border-active: 1px solid var(--ngc-accordion-header-border-color-active);--ngc-accordion-header-border-focus: 2px solid var(--ngc-accordion-header-border-color-focus);--ngc-accordion-width: 25.25rem;--ngc-accordion-header-padding: var(--spacing-gap-16, 1rem);--ngc-accordion-content-padding: var(--spacing-gap-16, 1rem) var(--spacing-gap-16, 1rem) var(--spacing-gap-24, 1.5rem) var(--spacing-padding-margin-16, 1rem);--ngc-accordion-title-font-size: var(--text-size-caption, .8125rem);--ngc-accordion-subtitle-font-size: var(--text-size-body-1, 1.0625rem);--ngc-accordion-title-line-height: var(--text-line-height-caption, 1.125rem);--ngc-accordion-subtitle-line-height: var(--text-line-height-body-1, 1.5rem)}";var y=Object.defineProperty,_=Object.getOwnPropertyDescriptor,h=(o,r,c,i)=>{for(var e=i>1?void 0:i?_(r,c):r,n=o.length-1,d;n>=0;n--)(d=o[n])&&(e=(i?d(r,c,e):d(e))||e);return i&&e&&y(r,c,e),e};let a=class extends p{constructor(){var o;super(),this._insideCard=!1,this._insideCard=((o=this.parentElement)==null?void 0:o.tagName)==="NGC-CARD"}render(){return l`
|
|
2
2
|
<div class="accordion-container">
|
|
3
3
|
<div class="accordion-header-container">
|
|
4
4
|
<button id="${this.headerId}"
|
|
5
|
-
data-testid=${
|
|
5
|
+
data-testid=${s(this.dataTestid)}-header
|
|
6
6
|
type="button"
|
|
7
|
-
class="accordion-header"
|
|
7
|
+
class="accordion-header ${this.insideCardClasses}"
|
|
8
8
|
aria-expanded=${this.isExpanded}
|
|
9
9
|
aria-controls="${this.contentId}"
|
|
10
10
|
@click="${this.toggleAccordion}">
|
|
@@ -15,7 +15,7 @@ import{N as p}from"../../accordion.js";import{a as i,x as l}from"../../../../ass
|
|
|
15
15
|
</button>
|
|
16
16
|
</div>
|
|
17
17
|
<div id="${this.contentId}"
|
|
18
|
-
data-testid=${
|
|
18
|
+
data-testid=${s(this.dataTestid)}-content
|
|
19
19
|
role="region"
|
|
20
20
|
aria-labelledby="${this.headerId}"
|
|
21
21
|
class="accordion-content ${this.isExpanded?"":"hidden"}">
|
|
@@ -26,6 +26,6 @@ import{N as p}from"../../accordion.js";import{a as i,x as l}from"../../../../ass
|
|
|
26
26
|
<ngc-text-detail
|
|
27
27
|
title="${this.title}"
|
|
28
28
|
subtitle="${this.subtitle}"
|
|
29
|
-
data-testid=${
|
|
29
|
+
data-testid=${s(this.dataTestid)}-text-detail>
|
|
30
30
|
></ngc-text-detail>
|
|
31
|
-
`:null}get iconName(){return this.isExpanded?"chevron-up":"chevron-down"}get contentId(){return this.elementId+"-content"}get headerId(){return this.elementId+"-header"}updated(){var
|
|
31
|
+
`:null}get insideCardClasses(){return this._insideCard?this.isExpanded?" accordion-header_inside-card-expanded":" accordion-header_inside-card":""}get iconName(){return this.isExpanded?"chevron-up":"chevron-down"}get contentId(){return this.elementId+"-content"}get headerId(){return this.elementId+"-header"}updated(){var o;if(b(this.headingLevel)){const r=(o=this.shadowRoot)==null?void 0:o.querySelector(".accordion-header-container");r==null||r.setAttribute("role","heading"),r==null||r.setAttribute("aria-level",this.headingLevel)}}};a.styles=[t(f),t(x),t(v),t(u)];h([m()],a.prototype,"_insideCard",2);a=h([g("ngc-accordion")],a);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import"../base/accordion.gator.js";import{N as s}from"../../accordion.js";import{a as c,x as l}from"../../../../assets/index-chunk2.js";import{t as g}from"../../../../assets/index-chunk3.js";import{n as
|
|
1
|
+
import"../base/accordion.gator.js";import{N as s}from"../../accordion.js";import{a as c,x as l}from"../../../../assets/index-chunk2.js";import{t as g}from"../../../../assets/index-chunk3.js";import{n as m}from"../../../../assets/index-chunk.js";import{p as h}from"../../../../assets/index-chunk4.js";import{s as u}from"../../../../assets/index-chunk5.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/balloons.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/warning.js";import{i as v}from"../../../../utils/string-utils.js";import"../../../../assets/index-chunk11.js";import"../../../text-detail/gator/text-detail.gator.js";import"../../../card/gator/content/card-content.gator.js";import"../../../card/gator/footer/card-footer.gator.js";import"../../../text-detail/text-detail.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../chip/gator/chip.gator.js";import"../../../chip/chip.js";import"../../../card/card.js";import"../../../../assets/index-chunk9.js";import"../../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.js";import"../../../icon/icon-registry.js";const f=".accordion-group ::slotted(ngc-accordion:not(:last-child)){--ngc-accordion-border-bottom: var(--ngc-accordion-group-divider) }",y=":host,:root{--ngc-accordion-group-divider-color: var(--color-stroke-primary);--ngc-accordion-group-divider: 1px solid var(--ngc-accordion-group-divider-color)}";var x=Object.defineProperty,E=Object.getOwnPropertyDescriptor,a=(o,r,i,p)=>{for(var t=p>1?void 0:p?E(r,i):r,n=o.length-1,d;n>=0;n--)(d=o[n])&&(t=(p?d(r,i,t):d(t))||t);return p&&t&&x(r,i,t),t};let e=class extends s{constructor(){super(...arguments),this.multiple=!1,this.headingLevel=""}firstUpdated(){this.addEventListener("accordion-expanded",this.handleExpanded)}updated(){v(this.headingLevel)&&this.querySelectorAll("ngc-accordion").forEach(o=>{o.headingLevel=this.headingLevel}),this.dataTestid&&this.querySelectorAll("ngc-accordion").forEach((o,r)=>{o.dataTestid=`${this.dataTestid}-accordion-${r}`})}render(){return l`
|
|
2
2
|
<div class="accordion-group">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
5
|
-
`}handleExpanded(o){if(this.multiple)return;this.querySelectorAll("ngc-accordion").forEach(i=>{i!==o.target&&i.isExpanded&&i.toggleAccordion()})}};e.styles=[c(f),c(y),c(h),c(u)];
|
|
5
|
+
`}handleExpanded(o){if(this.multiple)return;this.querySelectorAll("ngc-accordion").forEach(i=>{i!==o.target&&i.isExpanded&&i.toggleAccordion()})}};e.styles=[c(f),c(y),c(h),c(u)];a([m({type:Boolean})],e.prototype,"multiple",2);a([m({type:String})],e.prototype,"headingLevel",2);e=a([g("ngc-accordion-group")],e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/base/accordion.gator.js";import"./gator/group/accordion-group.gator.js";import"./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"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"../text-detail/gator/text-detail.gator.js";import"../
|
|
1
|
+
import"./gator/base/accordion.gator.js";import"./gator/group/accordion-group.gator.js";import"./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-chunk11.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"../text-detail/gator/text-detail.gator.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../card/card.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as p}from"../button-card.js";import"../../chip/gator/chip.gator.js";import"../../
|
|
1
|
+
import{N as p}from"../button-card.js";import"../../chip/gator/chip.gator.js";import"../../text-detail/gator/text-detail.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import{r as g,a as c,x as d}from"../../../assets/index-chunk2.js";import{p as u}from"../../../assets/index-chunk4.js";import{c as h}from"../../../assets/index-chunk10.js";import{t as b}from"../../../assets/index-chunk3.js";import{o as s}from"../../../assets/index-chunk9.js";import"../../card/card.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../assets/index-chunk5.js";import"../../chip/chip.js";import"../../text-detail/text-detail.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";const m=":host{max-width:var(--ngc-button-card-width, 21rem)}ngc-card{--ngc-card-display: var(--ngc-button-card-display, flex);--ngc-card-max-width: var(--ngc-button-card-width, 21rem);--ngc-card-padding: var(--spacing-4);cursor:pointer}ngc-card:hover{--ngc-card-box-shadow: 0px 9px 15px rgba(31, 31, 31, .08), 0px 10px 20px rgba(31, 31, 31, .08), 0px 9px 20px rgba(31, 31, 31, .08)}ngc-card:active{--ngc-card-background-color: var(--ngc-button-card-pressed-background-color, var(--color-blue-10, #F3F5F7));--ngc-card-outline: 1px solid var(--ngc-button-card-pressed-outline-color, var(--color-blue-30, #11395B))}ngc-card:focus-visible{outline:none;--ngc-card-outline: 2px solid var(--ngc-button-card-focused-outline-color, var(--color-blue-30, #11395B))}ngc-chip{--ngc-chip-font-size: .8125rem;--ngc-chip-line-height: 1.125rem;--ngc-chip-padding: var(--spacing-2) var(--spacing-3)}ngc-text-detail{width:100%;--ngc-text-detail-title-color: var(--color-neutral-70);--ngc-text-detail-title-font-size: 1.0625rem;--ngc-text-detail-title-font-weight: 700;--ngc-text-detail-title-line-height: 1.5rem;--ngc-text-detail-subtitle-color: var(--color-neutral-50);--ngc-text-detail-subtitle-line-height: 1.375rem;--ngc-text-detail-subtitle-font-size: .9375rem}.gator-button-card-chip-label{position:absolute;top:0;left:var(--spacing-4);transform:translateY(-50%);--ngc-chip-cursor: pointer}.gator-button-card-container{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center}",v=":host{--ngc-button-card-pressed-background-color: var(--color-blue-10, #F3F5F7);--ngc-button-card-pressed-outline-color: var(--color-blue-30, #11395B);--ngc-button-card-focused-outline-color: var(--color-blue-30, #11395B);--ngc-button-card-width: 21rem}";var x=Object.defineProperty,f=Object.getOwnPropertyDescriptor,w=(t,r,a,o)=>{for(var e=o>1?void 0:o?f(r,a):r,n=t.length-1,l;n>=0;n--)(l=t[n])&&(e=(o?l(r,a,e):l(e))||e);return o&&e&&x(r,a,e),e};let i=class extends p{render(){return d`
|
|
2
2
|
<ngc-card
|
|
3
3
|
tabindex="0"
|
|
4
4
|
role="button"
|
|
@@ -21,4 +21,4 @@ import{N as p}from"../button-card.js";import"../../chip/gator/chip.gator.js";imp
|
|
|
21
21
|
</div>
|
|
22
22
|
</slot>
|
|
23
23
|
</ngc-card>
|
|
24
|
-
`}get cardLabelMarkup(){return this.chipLabel?d`<ngc-chip class="gator-button-card-chip-label" readonly data-testid=${s(this.dataTestid)}-chip>${this.chipLabel}</ngc-chip>`:null}handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("click",{bubbles:!0}))}handleKeydown(t){["Enter","Space"].includes(t.code)&&this.handleClick(t)}};
|
|
24
|
+
`}get cardLabelMarkup(){return this.chipLabel?d`<ngc-chip class="gator-button-card-chip-label" readonly data-testid=${s(this.dataTestid)}-chip>${this.chipLabel}</ngc-chip>`:null}handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("click",{bubbles:!0}))}handleKeydown(t){["Enter","Space"].includes(t.code)&&this.handleClick(t)}};i.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};i.styles=[c(m),c(u),c(v),c(h)];i=w([b("ngc-button-card")],i);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/button-card.gator.js";import"./button-card.js";import"../card/card.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../chip/gator/chip.gator.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk4.js";import"../chip/chip.js";import"../
|
|
1
|
+
import"./gator/button-card.gator.js";import"./button-card.js";import"../card/card.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../chip/gator/chip.gator.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk4.js";import"../chip/chip.js";import"../text-detail/gator/text-detail.gator.js";import"../card/gator/content/card-content.gator.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk10.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"../../assets/index-chunk.js";import{T as
|
|
1
|
+
import{n as e}from"../../assets/index-chunk.js";import{T as a}from"../../utils/components/testable-lit-element/testable-lit-element.js";import"../../assets/index-chunk2.js";var f=Object.defineProperty,o=(s,p,i,y)=>{for(var t=void 0,l=s.length-1,n;l>=0;l--)(n=s[l])&&(t=n(p,i,t)||t);return t&&f(p,i,t),t};class r extends a{constructor(){super(...arguments),this.title="",this.subtitle="",this.elevated=!1,this.outlined=!1,this.skeleton=!1}}o([e({type:String})],r.prototype,"title");o([e({type:String})],r.prototype,"subtitle");o([e({type:Boolean})],r.prototype,"elevated");o([e({type:Boolean})],r.prototype,"outlined");o([e({type:Boolean})],r.prototype,"skeleton");export{r as N};
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
<div class="gator-card ${this.elevatedClass} ${this.outlinedClass}">
|
|
3
|
-
${this.cardTitleMarkup}
|
|
4
|
-
${this.subtitle?this.cardSubtitleMarkup:null}
|
|
5
|
-
<slot></slot>
|
|
6
|
-
</div>
|
|
7
|
-
`}get elevatedClass(){return this.elevated?"gator-card_elevated":""}get outlinedClass(){return this.outlined?"gator-card_outlined":""}get cardTitleMarkup(){return this.title?l`<ngc-card-title>${this.title}</ngc-card-title>`:null}get cardSubtitleMarkup(){return l`<ngc-card-subtitle>${this.subtitle}</ngc-card-subtitle>`}};o.styles=[c(n),c(p)];o=h([m("ngc-card")],o);
|
|
1
|
+
import"../../card.js";import{a as j}from"../../../text-detail/gator/text-detail.gator.js";import"../../../../assets/index-chunk2.js";import"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../content/card-content.gator.js";import"../../../../assets/index-chunk5.js";import"../footer/card-footer.gator.js";import"../../../text-detail/text-detail.js";import"../../../chip/gator/chip.gator.js";import"../../../chip/chip.js";import"../../../../assets/index-chunk9.js";import"../../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.js";export{j as NgcCard};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../../../../assets/index-chunk2.js";import{N as h}from"../../../text-detail/gator/text-detail.gator.js";import"../../../../assets/index-chunk4.js";import"../../../../assets/index-chunk5.js";import"../../../../assets/index-chunk3.js";import"../../../../assets/index-chunk.js";import"../../../../assets/index-chunk9.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../content/card-content.gator.js";import"../footer/card-footer.gator.js";import"../../../text-detail/text-detail.js";import"../../../chip/gator/chip.gator.js";import"../../../chip/chip.js";import"../../card.js";import"../../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../../assets/index-chunk7.js";import"../../../../assets/index-chunk8.js";export{h as NgcCardHeader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"
|
|
1
|
+
import"../text-detail/gator/text-detail.gator.js";import"./gator/content/card-content.gator.js";import"./gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../chip/gator/chip.gator.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk4.js";import"../chip/chip.js";import"./card.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as l}from"../../../assets/index-chunk.js";import{r as h}from"../../../assets/index-
|
|
1
|
+
import{n as l}from"../../../assets/index-chunk.js";import{r as h}from"../../../assets/index-chunk11.js";import{e as c}from"../../../assets/index-chunk7.js";import{T as p}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk8.js";var u=Object.defineProperty,r=(n,e,t,o)=>{for(var s=void 0,a=n.length-1,d;a>=0;a--)(d=n[a])&&(s=d(e,t,s)||s);return s&&u(e,t,s),s};class i extends p{constructor(){super(...arguments),this.options=[],this.value="",this.label="",this.placeholder="Search...",this.open=!1,this.required=!1,this.valid=!0,this.requiredErrorText="Select an option from the picklist or remove the search term.",this.displayedErrorText="",this._comboboxRef=c()}selectOption(e){this.open=!1,this.value=e.value,this.valid=!0,this.displayedErrorText="",this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0})),setTimeout(()=>{var o;let t=(o=this.shadowRoot)==null?void 0:o.querySelector('div[role="combobox"]');t==null||t.focus()})}setFocusClassForListItemAtIndex(e){var o,s;const t=(o=this.shadowRoot)==null?void 0:o.querySelectorAll('[role="option"]');t[e].classList.add("slds-has-focus"),(s=this._comboboxRef.value)==null||s.setAttribute("aria-activedescendant",t[e].id)}removeFocusClassForListItemAtIndex(e){var o;((o=this.shadowRoot)==null?void 0:o.querySelectorAll('[role="option"]'))[e].classList.remove("slds-has-focus")}getActiveIndexOfListItems(){var o,s;const e=(o=this.shadowRoot)==null?void 0:o.querySelectorAll('[role="option"]'),t=(s=this.shadowRoot)==null?void 0:s.querySelector(".slds-has-focus");return Array.from(e).indexOf(t)}getListItemNodes(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelectorAll('[role="option"]')}scrollIntoView(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".slds-has-focus");e==null||e.scrollIntoView({block:"nearest"})}handleArrowDown(){this.open||(this.open=!0);let e=this.getActiveIndexOfListItems();e===-1&&this.setFocusClassForListItemAtIndex(0);let t=e+1;t>this.getListItemNodes().length-1&&(t=0),this.setFocusClassForListItemAtIndex(t),this.removeFocusClassForListItemAtIndex(e),this.scrollIntoView()}handleArrowUp(){this.open||(this.open=!0);let e=this.getActiveIndexOfListItems(),t=e-1;t<0&&(t=this.getListItemNodes().length-1),this.setFocusClassForListItemAtIndex(t),this.removeFocusClassForListItemAtIndex(e),this.scrollIntoView()}}r([l()],i.prototype,"options");r([l()],i.prototype,"value");r([l()],i.prototype,"label");r([l()],i.prototype,"placeholder");r([l({type:Boolean})],i.prototype,"open");r([l({type:Boolean})],i.prototype,"required");r([l({type:Boolean})],i.prototype,"valid");r([l({attribute:"required-error-text"})],i.prototype,"requiredErrorText");r([h()],i.prototype,"displayedErrorText");export{i as N};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as w,i as y,x as r}from"../../../assets/index-chunk2.js";import{s as T}from"../../../assets/index-chunk6.js";import{t as I}from"../../../assets/index-chunk3.js";import{n as h}from"../../../assets/index-chunk.js";import{r as C}from"../../../assets/index-
|
|
1
|
+
import{a as w,i as y,x as r}from"../../../assets/index-chunk2.js";import{s as T}from"../../../assets/index-chunk6.js";import{t as I}from"../../../assets/index-chunk3.js";import{n as h}from"../../../assets/index-chunk.js";import{r as C}from"../../../assets/index-chunk11.js";import{N as L}from"./combobox.js";import{g as S}from"../../../utils/string-utils.js";import"../../input/slds/input-label/input-label.slds.js";import"../../input/slds/input-error/input-error.slds.js";import{K as p}from"../../../consts/key-constants.js";import{n as f}from"../../../assets/index-chunk7.js";import{h as n}from"../../../utils/datatestid-utils.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../assets/index-chunk8.js";var A=Object.defineProperty,E=Object.getOwnPropertyDescriptor,d=(s,e,t,a)=>{for(var o=a>1?void 0:a?E(e,t):e,c=s.length-1,l;c>=0;c--)(l=s[c])&&(o=(a?l(e,t,o):l(o))||o);return a&&o&&A(e,t,o),o},g=(s=>(s.FIVE="5",s.SEVEN="7",s.TEN="10",s.NOSCROLL="",s))(g||{});let i=class extends L{constructor(){super(...arguments),this.autocomplete=!1,this.clearAssistiveText="Clear",this.comboboxAriaLabel="Dropdown Items",this.dropdownLength="10",this._searchValue="",this._generatedId=S()}updated(){this.updateDataTestids()}render(){return r`
|
|
2
2
|
<div class="slds-form-element${this.valid?"":" slds-has-error"}" @focusout=${this._topLevelFocusOut}>
|
|
3
3
|
<nsc-input-label
|
|
4
4
|
.required="${this.required}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as f,N as j}from"./combobox.slds.js";import{N as D}from"./combobox.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk.js";import"../../../assets/index-
|
|
1
|
+
import{C as f,N as j}from"./combobox.slds.js";import{N as D}from"./combobox.js";import"../../../assets/index-chunk2.js";import"../../../assets/index-chunk6.js";import"../../../assets/index-chunk3.js";import"../../../assets/index-chunk.js";import"../../../assets/index-chunk11.js";import"../../../utils/string-utils.js";import"../../input/slds/input-label/input-label.slds.js";import"../../input/slds/input-error/input-error.slds.js";import"../../../consts/key-constants.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../../utils/datatestid-utils.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";export{f as COMBOBOX_DROPDOWN_LENGTH,D as NjcCombobox,j as NjcSldsCombobox};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./base/combobox.slds.js";import"./base/combobox.js";import"./combobox-item/combobox-item.slds.js";import"./combobox-item/combobox-item.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk6.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-
|
|
1
|
+
import"./base/combobox.slds.js";import"./base/combobox.js";import"./combobox-item/combobox-item.slds.js";import"./combobox-item/combobox-item.js";import"../../assets/index-chunk2.js";import"../../assets/index-chunk6.js";import"../../assets/index-chunk3.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk11.js";import"../../utils/string-utils.js";import"../input/slds/input-label/input-label.slds.js";import"../input/slds/input-error/input-error.slds.js";import"../../consts/key-constants.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../utils/datatestid-utils.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";
|
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
import{N as p}from"../display-card.js";import"../../
|
|
1
|
+
import{N as p}from"../display-card.js";import{b as m}from"../../text-detail/gator/text-detail.gator.js";import{a as i,x as r}from"../../../assets/index-chunk2.js";import{p as g}from"../../../assets/index-chunk4.js";import{s as h}from"../../../assets/index-chunk5.js";import{c as u}from"../../../assets/index-chunk10.js";import{t as f}from"../../../assets/index-chunk3.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/balloons.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/warning.js";import"../../button/gator/button.gator.js";import{o as d}from"../../../assets/index-chunk9.js";import"../../card/card.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../assets/index-chunk7.js";import"../../../assets/index-chunk8.js";import"../../icon/icon-registry.js";import"../../button/button.js";import"../../../utils/mixins/attribute-deletion.js";import"../../loading-spinner/gator/loading-spinner.gator.js";import"../../loading-spinner/loading-spinner.js";const v=".gator-display-card{display:flex;align-content:center;flex-direction:column;position:relative;font-family:var(--ngc-font-family-body),sans-serif;border-radius:var(--ngc-card-border-radius, .5rem);max-width:var(--ngc-card-max-width, 25rem);--ngc-card-max-width: 654px;word-break:break-word}.gator-display-card ngc-card-header{width:100%}.gator-display-card-content{padding:var(--spacing-6);display:flex;flex-direction:column;justify-content:center}.gator-display-card-content-header ngc-card-header{--ngc-card-header-padding: 0}.gator-display-card-slot-content{padding:var(--spacing-6) 0 0 0}.gator-display-card-title,.gator-display-card-subtitle{display:flex}.gator-display-card-justify-content-center{justify-content:center}.gator-display-card-actions{padding:var(--spacing-4, 1rem);background:var(--color-blue-10, #F3F5F7);display:flex;flex-direction:row;justify-content:center;align-items:center}.gator-display-card-actions ngc-button{--ngc-button-font-size: var(--text-size-button-large, 1.0625rem)}.gator-display-card-actions ngc-icon{margin-left:8px;--ngc-icon-display: flex}";var y=Object.defineProperty,b=Object.getOwnPropertyDescriptor,k=(l,a,e,o)=>{for(var t=o>1?void 0:o?b(a,e):a,s=l.length-1,n;s>=0;s--)(n=l[s])&&(t=(o?n(a,e,t):n(t))||t);return o&&t&&y(a,e,t),t};let c=class extends p{render(){return r`
|
|
2
2
|
<div class="gator-display-card ${this.elevatedClass} ${this.outlinedClass}">
|
|
3
3
|
<div class="gator-display-card-content">
|
|
4
4
|
<div class="gator-display-card-content-header">
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
<div class="gator-display-card-content-right">
|
|
5
|
+
<ngc-card-header
|
|
6
|
+
title=${d(this.title)}
|
|
7
|
+
subtitle=${d(this.subtitle)}
|
|
8
|
+
?skeleton=${this.skeleton}
|
|
9
|
+
?invert-title=${!this.skeleton}
|
|
10
|
+
.dataTestid=${this.dataTestid}>
|
|
14
11
|
<slot name="top-right"></slot>
|
|
15
|
-
</
|
|
12
|
+
</ngc-card-header>
|
|
16
13
|
</div>
|
|
17
14
|
<div class="gator-display-card-slot-content">
|
|
18
|
-
|
|
15
|
+
${this.slotMarkup}
|
|
19
16
|
</div>
|
|
20
17
|
</div>
|
|
21
|
-
${this.hideFooter?null:
|
|
18
|
+
${this.hideFooter?null:r`
|
|
22
19
|
<div class="gator-display-card-actions">
|
|
23
|
-
|
|
24
|
-
<ngc-icon name="arrow-right"></ngc-icon>
|
|
20
|
+
${this.footerActionsMarkup}
|
|
25
21
|
</div>
|
|
26
22
|
`}
|
|
27
23
|
</div>
|
|
28
|
-
`}get elevatedClass(){return this.elevated?"gator-card_elevated":""}get outlinedClass(){return this.outlined?"gator-card_outlined":""}get
|
|
24
|
+
`}get elevatedClass(){return this.elevated?"gator-card_elevated":""}get outlinedClass(){return this.outlined?"gator-card_outlined":""}get slotMarkup(){return this.skeleton?r`<ngc-skeleton-loader full-width height="36" radius="100"></ngc-skeleton-loader>`:r`<slot></slot>`}get footerActionsMarkup(){return this.skeleton?r`<ngc-skeleton-loader width="115" height="36" radius="2"></ngc-skeleton-loader>`:r`<ngc-button @click="${()=>this.handleActionClick()}" variant="base" data-testid=${d(this.dataTestid)}-action-button>${this.actionButtonText}</ngc-button>
|
|
25
|
+
<ngc-icon name="arrow-right"></ngc-icon>`}handleActionClick(){this.dispatchEvent(new CustomEvent("action-click",{bubbles:!0}))}};c.styles=[i(v),i(g),i(m),i(h),i(u)];c=k([f("ngc-display-card")],c);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/display-card.gator.js";import"./display-card.js";import"../card/card.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../card/gator/
|
|
1
|
+
import"./gator/display-card.gator.js";import"./display-card.js";import"../card/card.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../text-detail/gator/text-detail.gator.js";import"../card/gator/content/card-content.gator.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk3.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk10.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";import"../button/gator/button.gator.js";import"../button/button.js";import"../../utils/mixins/attribute-deletion.js";import"../loading-spinner/gator/loading-spinner.gator.js";import"../loading-spinner/loading-spinner.js";
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import{N as
|
|
2
|
-
<div ${
|
|
1
|
+
import{N as h}from"../headline-card.js";import{b as g}from"../../text-detail/gator/text-detail.gator.js";import{a as i,x as o}from"../../../assets/index-chunk2.js";import{p}from"../../../assets/index-chunk4.js";import{s as u}from"../../../assets/index-chunk5.js";import{c as m}from"../../../assets/index-chunk10.js";import{t as f}from"../../../assets/index-chunk3.js";import{r as v}from"../../../assets/index-chunk11.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/arrow-left.js";import"../../icon/gator/templates/arrow-right.js";import"../../icon/gator/templates/balloons.js";import"../../icon/gator/templates/check-circle.js";import"../../icon/gator/templates/check.js";import"../../icon/gator/templates/checkbox.js";import"../../icon/gator/templates/checkbox-selected.js";import"../../icon/gator/templates/chevron-down.js";import"../../icon/gator/templates/chevron-right.js";import"../../icon/gator/templates/chevron-up.js";import"../../icon/gator/templates/exit.js";import"../../icon/gator/templates/exit-circle.js";import"../../icon/gator/templates/eye-crossed.js";import"../../icon/gator/templates/info.js";import"../../icon/gator/templates/link.js";import"../../icon/gator/templates/overflow-menu.js";import"../../icon/gator/templates/picture.js";import"../../icon/gator/templates/radio.js";import"../../icon/gator/templates/radio-selected.js";import"../../icon/gator/templates/restricted.js";import"../../icon/gator/templates/warning.js";import{e as x,n as b}from"../../../assets/index-chunk7.js";import"../../card/card.js";import"../../../assets/index-chunk.js";import"../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../text-detail/text-detail.js";import"../../chip/gator/chip.gator.js";import"../../chip/chip.js";import"../../../assets/index-chunk9.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../assets/index-chunk8.js";import"../../icon/icon-registry.js";const _=".gator-headline-card{display:flex;align-content:center;flex-direction:row;position:relative;font-family:var(--ngc-font-family-body),sans-serif;border-radius:var(--ngc-card-border-radius, .5rem);max-width:var(--ngc-card-max-width, 25rem);padding:var(--spacing-6);--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(--text-size-heading-4, 1.375rem);--ngc-card-header-title-line-height: var(--text-line-height-heading-4, 2rem)}.gator-headline-card-background-circle{position:absolute;width:280px;height:300%;left:-144px;bottom:-100px;border-radius:50%;z-index:-1;background:var(--color-neutral-10)}.gator-headline-card-background-circle_vertical{position:absolute;width:1150px;height:350px;top:-300px;left:-240px;border-radius:50%;z-index:-1;background:var(--color-neutral-10)}.gator-headline-card-content{display:flex;flex-direction:column;justify-content:center;width:100%}.gator-headline-card-content_vertical{padding:var(--spacing-6) 0}.gator-headline-card_vertical{--ngc-card-max-width: 600px;flex-direction:column;justify-content:center}.gator-headline-card-illustration{display:flex;align-items:center;margin-right:var(--spacing-6)}.gator-headline-card-illustration ngc-icon{--ngc-icon-width: 96px;--ngc-icon-height: 76.8px;--ngc-icon-display: flex}.gator-headline-card-illustration ngc-skeleton-loader{margin-right:var(--spacing-6)}.gator-headline-card-title,.gator-headline-card-subtitle{display:flex}.gator-headline-card-justify-content-center{justify-content:center}";var C=Object.defineProperty,k=Object.getOwnPropertyDescriptor,c=(r,t,d,a)=>{for(var e=a>1?void 0:a?k(t,d):t,l=r.length-1,s;l>=0;l--)(s=r[l])&&(e=(a?s(t,d,e):s(e))||e);return a&&e&&C(t,d,e),e};let n=class extends h{constructor(){super(...arguments),this._shouldBeVertical=!1,this.containerRef=x()}firstUpdated(){this._shouldBeVertical=this.shouldBeVertical,window.addEventListener("resize",()=>{this._shouldBeVertical=this.shouldBeVertical})}updated(){this._shouldBeVertical=this.shouldBeVertical}render(){return o`
|
|
2
|
+
<div ${b(this.containerRef)} class="gator-headline-card ${this.orientationClass} ${this.elevatedClass} ${this.outlinedClass}">
|
|
3
3
|
${this.backgroundMarkup}
|
|
4
4
|
<div class="gator-headline-card-illustration ${this.justifyCenterClass}">
|
|
5
|
-
|
|
5
|
+
${this.illustrationMarkup}
|
|
6
6
|
</div>
|
|
7
7
|
<div class="${this.cardContentClass}">
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<slot></slot>
|
|
8
|
+
<ngc-card-header
|
|
9
|
+
title=${this.title}
|
|
10
|
+
subtitle=${this.subtitle}
|
|
11
|
+
?vertical=${this._shouldBeVertical}
|
|
12
|
+
?skeleton=${this.skeleton}
|
|
13
|
+
.dataTestid=${this.dataTestid}>
|
|
14
|
+
<slot></slot>
|
|
15
|
+
</ngc-card-header>
|
|
17
16
|
</div>
|
|
18
17
|
</div>
|
|
19
|
-
`}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 backgroundMarkup(){return this.background?
|
|
18
|
+
`}get illustrationMarkup(){return this.skeleton?o`<ngc-skeleton-loader width="76.6" height="76.6" radius="100"></ngc-skeleton-loader>`:o`<ngc-icon name="${this.iconName}"></ngc-icon>`}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 backgroundMarkup(){return this.background?o`<div class="${this.getBackgroundClass}"></div>`:null}get elevatedClass(){return this.elevated?"gator-card_elevated":""}get outlinedClass(){return this.outlined?"gator-card_outlined":""}get orientationClass(){return this._shouldBeVertical?"gator-headline-card_vertical":""}get getBackgroundClass(){return this._shouldBeVertical?"gator-headline-card-background-circle_vertical":"gator-headline-card-background-circle"}get shouldBeVertical(){var t;let r=(t=this.containerRef.value)==null?void 0:t.getBoundingClientRect().width;return r?r<600?!0:this.orientation==="vertical":!1}};n.styles=[i(_),i(p),i(g),i(u),i(m)];c([v()],n.prototype,"_shouldBeVertical",2);n=c([f("ngc-headline-card")],n);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./gator/headline-card.gator.js";import"./headline-card.js";import"../card/card.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../card/gator/
|
|
1
|
+
import"./gator/headline-card.gator.js";import"./headline-card.js";import"../card/card.js";import"../../assets/index-chunk.js";import"../../assets/index-chunk2.js";import"../../utils/components/testable-lit-element/testable-lit-element.js";import"../text-detail/gator/text-detail.gator.js";import"../card/gator/content/card-content.gator.js";import"../../assets/index-chunk4.js";import"../../assets/index-chunk5.js";import"../../assets/index-chunk3.js";import"../card/gator/footer/card-footer.gator.js";import"../text-detail/text-detail.js";import"../chip/gator/chip.gator.js";import"../chip/chip.js";import"../../assets/index-chunk9.js";import"../skeleton-loader/gator/skeleton-loader.gator.js";import"../../assets/index-chunk7.js";import"../../assets/index-chunk8.js";import"../../assets/index-chunk10.js";import"../../assets/index-chunk11.js";import"../icon/gator/icon.gator.js";import"../icon/gator/templates/arrow-left.js";import"../icon/icon-registry.js";import"../icon/gator/templates/arrow-right.js";import"../icon/gator/templates/balloons.js";import"../icon/gator/templates/check-circle.js";import"../icon/gator/templates/check.js";import"../icon/gator/templates/checkbox.js";import"../icon/gator/templates/checkbox-selected.js";import"../icon/gator/templates/chevron-down.js";import"../icon/gator/templates/chevron-right.js";import"../icon/gator/templates/chevron-up.js";import"../icon/gator/templates/exit.js";import"../icon/gator/templates/exit-circle.js";import"../icon/gator/templates/eye-crossed.js";import"../icon/gator/templates/info.js";import"../icon/gator/templates/link.js";import"../icon/gator/templates/overflow-menu.js";import"../icon/gator/templates/picture.js";import"../icon/gator/templates/radio.js";import"../icon/gator/templates/radio-selected.js";import"../icon/gator/templates/restricted.js";import"../icon/gator/templates/warning.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as s,x as r}from"../../../../assets/index-chunk2.js";import"../input-label/input-label.gator.js";import"../help-text/help-text.gator.js";import"../../../icon/gator/icon.gator.js";import"../../../icon/gator/templates/arrow-left.js";import"../../../icon/gator/templates/arrow-right.js";import"../../../icon/gator/templates/balloons.js";import"../../../icon/gator/templates/check-circle.js";import"../../../icon/gator/templates/check.js";import"../../../icon/gator/templates/checkbox.js";import"../../../icon/gator/templates/checkbox-selected.js";import"../../../icon/gator/templates/chevron-down.js";import"../../../icon/gator/templates/chevron-right.js";import"../../../icon/gator/templates/chevron-up.js";import"../../../icon/gator/templates/exit.js";import"../../../icon/gator/templates/exit-circle.js";import"../../../icon/gator/templates/eye-crossed.js";import"../../../icon/gator/templates/info.js";import"../../../icon/gator/templates/link.js";import"../../../icon/gator/templates/overflow-menu.js";import"../../../icon/gator/templates/picture.js";import"../../../icon/gator/templates/radio.js";import"../../../icon/gator/templates/radio-selected.js";import"../../../icon/gator/templates/restricted.js";import"../../../icon/gator/templates/warning.js";import{s as m}from"../../../../assets/index-chunk5.js";import{p as g}from"../../../../assets/index-chunk4.js";import{t as v}from"../../../../assets/index-chunk3.js";import{n as d}from"../../../../assets/index-chunk.js";import{r as f}from"../../../../assets/index-chunk11.js";import{I as x}from"../../base/input-base.js";import{e as c,n as h}from"../../../../assets/index-chunk7.js";import"../../../icon/icon-registry.js";import"../../../../utils/components/testable-lit-element/testable-lit-element.js";import"../../../../assets/index-chunk8.js";const b="input,textarea{border:none}input:focus,textarea:focus{outline:none}.gator-input-has-focus{outline:2px solid var(--ngc-input-border-color-focused, #1F1F1F)!important;border:1px solid transparent!important}.gator-form-element{display:block;margin-bottom:1rem}.gator-form-element-control{padding:var(--ngc-input-padding);display:flex;flex-direction:column}.gator-input{display:flex;width:100%;height:100%;font-size:var(--ngc-input-font-size, 1.0625rem)}.gator-form-element-control{margin:.5rem 0;border:1px solid var(--ngc-input-border-color, #BFBFBF);border-radius:var(--ngc-input-border-radius, 2px);flex:1}.gator-form-element-control:hover{border:1px solid var(--ngc-input-border-color-hovered, #1F1F1F);outline:none}.gator-has-error{border-color:var(--ngc-input-error-border)!important}.gator-form-element-control-icon-right{display:flex;align-items:center}.gator-input-container{max-width:var(--ngc-input-max-width, 200px);display:flex;align-items:center;position:relative}.gator-input-start,.gator-input-end{display:flex;align-items:center}.gator-input-start{margin-right:.5rem}",$=":root,:host{--ngc-input-error-border: var(--color-error, #D0021B);--ngc-input-border-color: var(--color-grey-40, #BFBFBF);--ngc-input-border-color-focused: var(--color-stroke-brand, #1F1F1F);--ngc-input-border-color-hovered: var(--color-stroke-interactive, #0052CC);--ngc-input-min-width: 200px;--ngc-input-padding: var(--spacing-3, .75rem) var(--spacing-4, 1rem);--ngc-input-border-radius: var(--radius-sm, .125rem);--ngc-input-max-width: 100%;--ngc-input-font-size: 17px}";var y=Object.defineProperty,I=Object.getOwnPropertyDescriptor,n=(t,e,p,a)=>{for(var i=a>1?void 0:a?I(e,p):e,l=t.length-1,u;l>=0;l--)(u=t[l])&&(i=(a?u(e,p,i):u(i))||i);return a&&i&&y(e,p,i),i};let o=class extends x{constructor(){super(...arguments),this.for="",this.inputRef=c(),this.controlRef=c()}render(){return r`
|
|
2
2
|
<div class="gator-form-element">
|
|
3
3
|
${this.label?this.labelMarkup:null}
|
|
4
|
-
<div ${
|
|
4
|
+
<div ${h(this.controlRef)} class="gator-form-element-control ${this.errorClass}">
|
|
5
5
|
<div class="gator-input-container">
|
|
6
6
|
${this.shouldHaveStartMarkup?r`
|
|
7
7
|
<div class="gator-input-start">
|
|
8
8
|
${this.startIconMarkup}
|
|
9
9
|
</div>`:null}
|
|
10
10
|
<input
|
|
11
|
-
${
|
|
11
|
+
${h(this.inputRef)}
|
|
12
12
|
type="${this.type}"
|
|
13
13
|
.id="${this.id}"
|
|
14
14
|
.placeholder="${this.placeholder}"
|
|
@@ -21,6 +21,9 @@ import{a as n,x as r}from"../../../../assets/index-chunk2.js";import"../input-la
|
|
|
21
21
|
@input="${this.handleChange}"
|
|
22
22
|
@focusin="${this.handleInputFocusIn}"
|
|
23
23
|
@focusout="${this.handleInputFocusOut}"
|
|
24
|
+
@invalid="${this.handleNativeInputValidation}"
|
|
25
|
+
.min="${this.min}"
|
|
26
|
+
.max="${this.max}"
|
|
24
27
|
/>
|
|
25
28
|
${this.shouldHaveEndMarkup?r`
|
|
26
29
|
<div class="gator-input-end">
|
|
@@ -32,14 +35,20 @@ import{a as n,x as r}from"../../../../assets/index-chunk2.js";import"../input-la
|
|
|
32
35
|
|
|
33
36
|
${this.bottomText}
|
|
34
37
|
</div>
|
|
35
|
-
`}get shouldHaveStartMarkup(){return this.startIcon}get shouldHaveEndMarkup(){return this.endIcon||this.type==="password"}get startIconMarkup(){return this.startIcon?r`<ngc-icon .name="${this.startIcon}"></ngc-icon>`:null}get endIconMarkup(){return this.endIcon?r`
|
|
38
|
+
`}handleNativeInputValidation(t){this.inputRef.value&&(this._nativeInputError=this.inputRef.value.validationMessage),t.preventDefault()}get displayedErrorText(){return this.errorText||this._nativeInputError}get shouldHaveStartMarkup(){return this.startIcon}get shouldHaveEndMarkup(){return this.endIcon||this.type==="password"}get startIconMarkup(){return this.startIcon?r`<ngc-icon .name="${this.startIcon}"></ngc-icon>`:null}get endIconMarkup(){return this.endIcon?r`
|
|
36
39
|
<ngc-icon .name="${this.endIcon}"></ngc-icon>`:null}get labelMarkup(){return r`
|
|
37
40
|
<ngc-input-label
|
|
38
41
|
.for="${this.id}"
|
|
39
42
|
.required="${this.required}"
|
|
40
43
|
>
|
|
41
44
|
${this.label}
|
|
42
|
-
</ngc-input-label>`}get isAriaInvalid(){return this.
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
</ngc-input-label>`}get isAriaInvalid(){return this.displayedErrorText?"true":"false"}get errorClass(){return this.displayedErrorText?"gator-has-error":""}get bottomText(){return r`
|
|
46
|
+
${this.errorTextMarkup}
|
|
47
|
+
${this.helpTextMarkup}
|
|
48
|
+
`}get errorTextMarkup(){return this.displayedErrorText?r`
|
|
49
|
+
<ngc-help-text icon="warning" error>
|
|
50
|
+
${this.displayedErrorText}
|
|
51
|
+
</ngc-help-text>`:null}get helpTextMarkup(){return this.helpText?r`
|
|
52
|
+
<ngc-help-text icon="info">
|
|
53
|
+
${this.helpText}
|
|
54
|
+
</ngc-help-text>`:null}get passwordVisibilityMarkup(){return this.endIconMarkup||this.type!=="password"?null:r`<ngc-icon name="eye-crossed" @click="${this.togglePasswordVisibility}"></ngc-icon>`}handleChange(t){const e=t.target;this.value=e.value}togglePasswordVisibility(){const t=this.inputRef.value;t&&(t.type=t.type==="password"?"text":"password")}handleInputFocusIn(){var t;(t=this.controlRef.value)==null||t.classList.add("gator-input-has-focus")}handleInputFocusOut(){var t,e;(t=this.controlRef.value)==null||t.classList.remove("gator-input-has-focus"),(e=this.inputRef.value)!=null&&e.checkValidity()&&(this._nativeInputError="")}};o.styles=[s(b),s(m),s(g),s($)];n([d()],o.prototype,"for",2);n([d({type:Number})],o.prototype,"min",2);n([d({type:Number})],o.prototype,"max",2);n([f()],o.prototype,"_nativeInputError",2);o=n([v("ngc-input-text")],o);
|