@arcgis/portal-components 5.2.0-next.8 → 5.2.0-next.9
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/cdn/{2EV3TV75.js → IWJIVHBS.js} +1 -1
- package/dist/cdn/JUN4NQAO.js +2 -0
- package/dist/cdn/assets/portal-group-card/t9n/messages.en.json +1 -0
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/main.css +1 -1
- package/dist/components/arcgis-portal-group-card/customElement.d.ts +167 -0
- package/dist/components/arcgis-portal-group-card/customElement.js +187 -0
- package/dist/components/arcgis-portal-group-card/index.d.ts +1 -0
- package/dist/components/arcgis-portal-group-card/index.js +8 -0
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.d.ts +12 -2
- package/dist/loader.js +1 -0
- package/dist/types/lumina.d.ts +8 -0
- package/dist/types/preact.d.ts +9 -0
- package/dist/types/react.d.ts +10 -0
- package/dist/types/stencil.d.ts +8 -0
- package/package.json +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as
|
|
2
|
+
import{a as ce}from"./WOZDQW3S.js";import{a as oe}from"./DFTUMKSN.js";import{a as ae}from"./V2EOXGK2.js";import{a as le}from"./LQ3DMZ3K.js";import"./KEKBRUUC.js";import{J as se,P as ie,h as ne,j as S,v as Q}from"./DHHSKOUY.js";import"./YIMNOUTF.js";function N(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}var z=N();function xe(r){z=r}var R={exec:()=>null};function A(r){let e=[];return t=>{let s=Math.max(0,Math.min(3,t-1)),n=e[s];return n||(n=r(s),e[s]=n),n}}function u(r,e=""){let t=typeof r=="string"?r:r.source,s={replace:(n,i)=>{let l=typeof i=="string"?i:i.source;return l=l.replace(x.caret,"$1"),t=t.replace(n,l),s},getRegex:()=>new RegExp(t,e)};return s}var Ie=((r="")=>{try{return!!new RegExp("(?<=1)(?<!1)"+r)}catch{return!1}})(),x={codeRemoveIndent:/^(?: {1,4}| {0,3}\t)/gm,outputLinkReplace:/\\([\[\]])/g,indentCodeCompensation:/^(\s+)(?:```)/,beginningSpace:/^\s+/,endingHash:/#$/,startingSpaceChar:/^ /,endingSpaceChar:/ $/,nonSpaceChar:/[^ ]/,newLineCharGlobal:/\n/g,tabCharGlobal:/\t/g,multipleSpaceGlobal:/\s+/g,blankLine:/^[ \t]*$/,doubleBlankLine:/\n[ \t]*\n[ \t]*$/,blockquoteStart:/^ {0,3}>/,blockquoteSetextReplace:/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,blockquoteSetextReplace2:/^ {0,3}>[ \t]?/gm,listReplaceNesting:/^ {1,4}(?=( {4})*[^ ])/g,listIsTask:/^\[[ xX]\] +\S/,listReplaceTask:/^\[[ xX]\] +/,listTaskCheckbox:/\[[ xX]\]/,anyLine:/\n.*\n/,hrefBrackets:/^<(.*)>$/,tableDelimiter:/[:|]/,tableAlignChars:/^\||\| *$/g,tableRowBlankLine:/\n[ \t]*$/,tableAlignRight:/^ *-+: *$/,tableAlignCenter:/^ *:-+: *$/,tableAlignLeft:/^ *:-+ *$/,startATag:/^<a /i,endATag:/^<\/a>/i,startPreScriptTag:/^<(pre|code|kbd|script)(\s|>)/i,endPreScriptTag:/^<\/(pre|code|kbd|script)(\s|>)/i,startAngleBracket:/^</,endAngleBracket:/>$/,pedanticHrefTitle:/^([^'"]*[^\s])\s+(['"])(.*)\2/,unicodeAlphaNumeric:/[\p{L}\p{N}]/u,escapeTest:/[&<>"']/,escapeReplace:/[&<>"']/g,escapeTestNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,caret:/(^|[^\[])\^/g,percentDecode:/%25/g,findPipe:/\|/g,splitPipe:/ \|/,slashPipe:/\\\|/g,carriageReturn:/\r\n|\r/g,spaceLine:/^ +$/gm,notSpaceStart:/^\S*/,endingNewline:/\n$/,listItemRegex:r=>new RegExp(`^( {0,3}${r})((?:[ ][^\\n]*)?(?:\\n|$))`),nextBulletRegex:A(r=>new RegExp(`^ {0,${r}}(?:[*+-]|\\d{1,9}[.)])((?:[ ][^\\n]*)?(?:\\n|$))`)),hrRegex:A(r=>new RegExp(`^ {0,${r}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`)),fencesBeginRegex:A(r=>new RegExp(`^ {0,${r}}(?:\`\`\`|~~~)`)),headingBeginRegex:A(r=>new RegExp(`^ {0,${r}}#`)),htmlBeginRegex:A(r=>new RegExp(`^ {0,${r}}<(?:[a-z].*>|!--)`,"i")),blockquoteBeginRegex:A(r=>new RegExp(`^ {0,${r}}>`))},Le=/^(?:[ \t]*(?:\n|$))+/,Pe=/^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/,ve=/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,v=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,Ce=/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,G=/ {0,3}(?:[*+-]|\d{1,9}[.)])/,be=/^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,me=u(be).replace(/bull/g,G).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/\|table/g,"").getRegex(),Ee=u(be).replace(/bull/g,G).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/table/g,/ {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(),X=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,Be=/^[^\n]+/,W=/(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/,qe=u(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label",W).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),Ze=u(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g,G).getRegex(),Z="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",F=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,De=u("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$))","i").replace("comment",F).replace("tag",Z).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),we=u(X).replace("hr",v).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",Z).getRegex(),Me=u(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",we).getRegex(),U={blockquote:Me,code:Pe,def:qe,fences:ve,heading:Ce,hr:v,html:De,lheading:me,list:Ze,newline:Le,paragraph:we,table:R,text:Be},he=u("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",v).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code","(?: {4}| {0,3} )[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",Z).getRegex(),Qe={...U,lheading:Ee,table:he,paragraph:u(X).replace("hr",v).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",he).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",Z).getRegex()},He={...U,html:u(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",F).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:R,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:u(X).replace("hr",v).replace("heading",` *#{1,6} *[^
|
|
3
3
|
]`).replace("lheading",me).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},je=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,Oe=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,ye=/^( {2,}|\\)\n(?!\s*$)/,Ne=/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,_=/[\p{P}\p{S}]/u,D=/[\s\p{P}\p{S}]/u,J=/[^\s\p{P}\p{S}]/u,Ge=u(/^((?![*_])punctSpace)/,"u").replace(/punctSpace/g,D).getRegex(),$e=/(?!~)[\p{P}\p{S}]/u,Xe=/(?!~)[\s\p{P}\p{S}]/u,We=/(?:[^\s\p{P}\p{S}]|~)/u,Fe=u(/link|precode-code|html/,"g").replace("link",/\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-",Ie?"(?<!`)()":"(^^|[^`])").replace("code",/(?<b>`+)[^`]+\k<b>(?!`)/).replace("html",/<(?! )[^<>]*?>/).getRegex(),Se=/^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/,Ue=u(Se,"u").replace(/punct/g,_).getRegex(),Je=u(Se,"u").replace(/punct/g,$e).getRegex(),Re="^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)",Ke=u(Re,"gu").replace(/notPunctSpace/g,J).replace(/punctSpace/g,D).replace(/punct/g,_).getRegex(),Ve=u(Re,"gu").replace(/notPunctSpace/g,We).replace(/punctSpace/g,Xe).replace(/punct/g,$e).getRegex(),Ye=u("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)","gu").replace(/notPunctSpace/g,J).replace(/punctSpace/g,D).replace(/punct/g,_).getRegex(),et=u(/^~~?(?:((?!~)punct)|[^\s~])/,"u").replace(/punct/g,_).getRegex(),tt="^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)",rt=u(tt,"gu").replace(/notPunctSpace/g,J).replace(/punctSpace/g,D).replace(/punct/g,_).getRegex(),nt=u(/\\(punct)/,"gu").replace(/punct/g,_).getRegex(),st=u(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),it=u(F).replace("(?:-->|$)","-->").getRegex(),lt=u("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",it).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),E=/(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/,at=u(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label",E).replace("href",/<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),Te=u(/^!?\[(label)\]\[(ref)\]/).replace("label",E).replace("ref",W).getRegex(),ze=u(/^!?\[(ref)\](?:\[\])?/).replace("ref",W).getRegex(),ot=u("reflink|nolink(?!\\()","g").replace("reflink",Te).replace("nolink",ze).getRegex(),pe=/[hH][tT][tT][pP][sS]?|[fF][tT][pP]/,K={_backpedal:R,anyPunctuation:nt,autolink:st,blockSkip:Fe,br:ye,code:Oe,del:R,delLDelim:R,delRDelim:R,emStrongLDelim:Ue,emStrongRDelimAst:Ke,emStrongRDelimUnd:Ye,escape:je,link:at,nolink:ze,punctuation:Ge,reflink:Te,reflinkSearch:ot,tag:lt,text:Ne,url:R},ct={...K,link:u(/^!?\[(label)\]\((.*?)\)/).replace("label",E).getRegex(),reflink:u(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",E).getRegex()},H={...K,emStrongRDelimAst:Ve,emStrongLDelim:Je,delLDelim:et,delRDelim:rt,url:u(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol",pe).replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/,text:u(/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol",pe).getRegex()},ht={...H,br:u(ye).replace("{2,}","*").getRegex(),text:u(H.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},C={normal:U,gfm:Qe,pedantic:He},L={normal:K,gfm:H,breaks:ht,pedantic:ct},pt={"&":"&","<":"<",">":">",'"':""","'":"'"},ue=r=>pt[r];function w(r,e){if(e){if(x.escapeTest.test(r))return r.replace(x.escapeReplace,ue)}else if(x.escapeTestNoEncode.test(r))return r.replace(x.escapeReplaceNoEncode,ue);return r}function ge(r){try{r=encodeURI(r).replace(x.percentDecode,"%")}catch{return null}return r}function ke(r,e){let t=r.replace(x.findPipe,(i,l,a)=>{let c=!1,o=l;for(;--o>=0&&a[o]==="\\";)c=!c;return c?"|":" |"}),s=t.split(x.splitPipe),n=0;if(s[0].trim()||s.shift(),s.length>0&&!s.at(-1)?.trim()&&s.pop(),e)if(s.length>e)s.splice(e);else for(;s.length<e;)s.push("");for(;n<s.length;n++)s[n]=s[n].trim().replace(x.slashPipe,"|");return s}function $(r,e,t){let s=r.length;if(s===0)return"";let n=0;for(;n<s;){let i=r.charAt(s-n-1);if(i===e&&!t)n++;else if(i!==e&&t)n++;else break}return r.slice(0,s-n)}function de(r){let e=r.split(`
|
|
4
4
|
`),t=e.length-1;for(;t>=0&&x.blankLine.test(e[t]);)t--;return e.length-t<=2?r:e.slice(0,t+1).join(`
|
|
5
5
|
`)}function ut(r,e){if(r.indexOf(e[1])===-1)return-1;let t=0;for(let s=0;s<r.length;s++)if(r[s]==="\\")s++;else if(r[s]===e[0])t++;else if(r[s]===e[1]&&(t--,t<0))return s;return t>0?-2:-1}function gt(r,e=0){let t=e,s="";for(let n of r)if(n===" "){let i=4-t%4;s+=" ".repeat(i),t+=i}else s+=n,t++;return s}function fe(r,e,t,s,n){let i=e.href,l=e.title||null,a=r[1].replace(n.other.outputLinkReplace,"$1");s.state.inLink=!0;let c={type:r[0].charAt(0)==="!"?"image":"link",raw:t,href:i,title:l,text:a,tokens:s.inlineTokens(a)};return s.state.inLink=!1,c}function kt(r,e,t){let s=r.match(t.other.indentCodeCompensation);if(s===null)return e;let n=s[1];return e.split(`
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as B}from"./V2EOXGK2.js";import{a as F}from"./LQ3DMZ3K.js";import"./KEKBRUUC.js";import{H as y,I as $,J as C,K as p,M as l,P as z,h as k,j as r,v as b}from"./DHHSKOUY.js";import"./YIMNOUTF.js";var o={md:840,sm:580,xs:480,xxs:360},S=k`:host{display:block;min-width:0}.group-card{position:relative;display:flex;height:100%;flex-direction:column;color:var(--calcite-color-text-1);opacity:0;box-shadow:none;transition-duration:.15s;outline-color:transparent;background-color:var(--calcite-color-foreground-1);transition-property:background-color,outline,outline-offset,opacity;border:1px solid var(--calcite-color-border-3);&:focus{z-index:10;outline:2px solid var(--calcite-color-brand);outline-offset:-2px}}.group-card--loaded{opacity:1}.group-card--selected{border-color:var(--calcite-color-brand)}.group-card--hoverable{cursor:pointer}.group-card--disabled{opacity:.5}.group-card__top{padding:1rem}.group-card__upper{flex:1 1 0%;background-color:var(--calcite-color-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s}.group-card__upper:hover{background-color:var(--calcite-color-background)}.group-card__upper--compact{display:flex;align-items:center;padding:.5rem .75rem}.group-card__upper--link{color:var(--calcite-color-text-1);text-decoration-line:none;outline-color:transparent;&:focus{z-index:10;outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.group-card__title__span{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-image:linear-gradient(transparent,transparent);background-position-x:0%,100%;background-position-y:min(1.25em,100%);background-repeat:no-repeat,no-repeat;background-size:100% 1px,100% 1px}.group-card--previewed .group-card__title__span{background-image:linear-gradient(var(--calcite-color-text-3),var(--calcite-color-text-3))}.group-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column}.group-card__details{display:flex;flex-direction:row;flex-wrap:wrap}.group-card__details--stacked{flex-direction:column}.group-card__detail{font-size:.875rem;color:var(--calcite-color-text-2)}.group-card__detail__icon{margin-inline-end:.5rem}.group-card__footer{margin-top:auto;display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:.5rem 1rem;border-top:1px solid var(--calcite-color-border-3)}.group-card__footer__start{display:flex;min-width:0;flex:1 1 0%;flex-direction:row;align-items:center;overflow:hidden;margin-inline-end:.75rem}.group-card__profile-wrap{max-width:100%;padding:.25rem}.group-card__divider{display:flex;align-items:center;flex:0 0 auto}.group-card__divider:not([empty]):before{content:"";height:1.25rem;width:1px;background-color:var(--calcite-color-border-1);margin-inline:.75rem}.group-card__details--stacked .group-card__divider:before{display:none}.group-card__divider:first-child:before{display:none}.group-card-flex{display:flex}.group-card-flex-1{min-width:0;flex:1 1 0%}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.group-card__input{margin-inline-end:1rem;margin-top:.125rem}.group-card__title{margin:0;overflow-wrap:break-word;padding:0;font-size:1rem;font-weight:500;line-height:1.375}.group-card__title--compact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-end:1rem}.group-card__summary{margin:.25rem 0;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;font-size:.875rem;line-height:1.25}.group-card__thumbnail{margin-inline-end:1rem}.group-card__thumbnail--compact{width:2.75rem;height:2.75rem}.group-card__badges{margin-top:.25rem}.group-card__owner{min-width:0}.group-card--xs,.group-card--xxs{.group-card__top{padding:.75rem}.group-card__title--padded{margin-bottom:.25rem}.group-card__footer{padding:.25rem .75rem}.group-card__detail{margin:.25rem 0;font-size:.75rem;line-height:1.35}.group-card__title{font-size:.875rem}}.group-card--xxs{.group-card__thumbnail{padding-inline-start:.75rem;width:4.25rem}}.group-card--xs{.group-card__thumbnail{padding-inline-start:.5rem;width:5rem}}`,x=class extends C{constructor(){super(...arguments),this.messages=F({blocking:!0}),this.sectionEl=y(),this.resizeObserver=null,this.handleCardClick=e=>{if(!(this.link||this.disabled||e?.target?.closest(".group-card__footer"))){if(this.preview==="top"){this.arcgisGroupBrowserCardPreview.emit(this.group);return}if(this.selection==="single"){this.selected=!0,this.arcgisGroupCardSelect.emit({group:this.group,selected:!0});return}this.selection==="multiple"&&(this.selected=!this.selected,this.arcgisGroupCardSelect.emit({group:this.group,selected:this.selected}))}},this.formFactor="lg",this.width=0,this.hover=!1,this.selected=!1,this.indeterminate=!1,this.view="list",this.selection="none",this.previewed=!1,this.showOwner=!0,this.showDateUpdated=!0,this.showDateCreated=!1,this.showViewableBy=!0,this.showSummary=!1,this.showBadges=!0,this.newTab=!1,this.disabled=!1,this.arcgisGroupBrowserCardPreview=b(),this.arcgisGroupCardSelect=b(),this.arcgisGroupBrowserInternalUIAction=b(),this.loaded=!1}static{this.properties={formFactor:16,width:16,hover:16,group:0,user:0,portal:0,selected:7,indeterminate:7,view:1,selection:1,preview:1,previewed:5,name:1,showOwner:5,showDateUpdated:5,showDateCreated:5,showViewableBy:5,showSummary:5,showBadges:5,link:1,linkHandler:0,newTab:5,disabled:7,loaded:16}}static{this.styles=S}async restoreFocus(){if(this.link){this.renderRoot.querySelector(".group-card__upper")?.focus();return}this.preview==="top"&&this.sectionEl.value&&this.sectionEl.value.focus()}connectedCallback(){super.connectedCallback(),!(typeof ResizeObserver>"u")&&(this.resizeObserver=new ResizeObserver(e=>{let t=e[0]?.contentRect.width??0;this.updateFormFactor(t)}))}firstUpdated(){if(this.sectionEl.value&&this.resizeObserver){this.resizeObserver.observe(this.sectionEl.value);let e=this.sectionEl.value.getBoundingClientRect().width;this.updateFormFactor(e)}requestAnimationFrame(()=>{this.loaded=!0})}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=null,super.disconnectedCallback()}updateFormFactor(e){if(this.width=e,e>o.md){this.formFactor="lg";return}if(e>o.sm){this.formFactor="md";return}if(e>o.xs){this.formFactor="sm";return}if(e>o.xxs){this.formFactor="xs";return}this.formFactor="xxs"}getAccessInfo(e){let{messages:t}=this,c={public:{icon:"globe",text:t.everyone},private:{icon:"lock",text:t.groupMembers},org:{icon:"organization",text:t.organization}};return c[e]??c.private}formatDate(e){return e?new Intl.DateTimeFormat(void 0,{dateStyle:"medium"}).format(e):""}getThumbnailGroup(e){return{id:e.id??void 0,thumbnailUrl:e.thumbnailUrl??void 0,title:e.title??void 0}}renderSelectionInput(){let{selection:e,selected:t,disabled:c,name:h,messages:_,group:a}=this;switch(e){case"single":return r`<calcite-radio-button class="group-card__input" .checked=${t} .disabled=${c} .value=${a.title??""} .name=${h} @click=${s=>s.stopPropagation()} @calciteRadioButtonChange=${()=>{this.arcgisGroupCardSelect.emit({group:a,selected:!t})}}><span class="screen-readers-only">${(_.select??"").replace("${title}",a.title??"")}</span></calcite-radio-button>`;case"multiple":return r`<calcite-checkbox class="group-card__input" .checked=${t} .disabled=${c} .indeterminate=${this.indeterminate} @click=${s=>s.stopPropagation()} @calciteCheckboxChange=${()=>{let s=!this.selected;this.selected=s,this.arcgisGroupCardSelect.emit({group:a,selected:s})}}><span class="screen-readers-only">${a.title}</span></calcite-checkbox>`;case"none":return null;default:return B(e)}}renderCompactView(){let{group:e,selection:t,formFactor:c,loaded:h,disabled:_,link:a,showBadges:s,newTab:m,linkHandler:d,handleCardClick:n,selected:u}=this,v=this.getThumbnailGroup(e);return r`<section class=${p({"group-card":!0,"group-card--hoverable":t!=="none","group-card--selected":u,"group-card--disabled":_,"group-card--loaded":h,[`group-card--${c}`]:!0})} @click=${a?void 0:n} @mouseover=${()=>{this.hover=!0}} @mouseout=${()=>{this.hover=!1}} ${$(this.sectionEl)}>${a?r`<a class="group-card__upper group-card__upper--compact group-card__upper--link" href=${a??l} target=${(m?"_blank":void 0)??l} rel=${(m?"noopener noreferrer":void 0)??l} @click=${g=>{d&&!g.ctrlKey&&!g.metaKey&&(g.preventDefault(),d(this.group))}}>${r`${this.renderSelectionInput()}<div class="group-card__thumbnail group-card__thumbnail--compact"><arcgis-portal-group-thumbnail .group=${v} .portal=${this.portal} scale=l></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><h3 class="group-card__title group-card__title--compact"><span class="group-card__title__span">${e.title}</span></h3>${s&&r`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} class="group-card__badges--compact" scale=s show-tooltips width=narrow></arcgis-portal-group-badges>`||""}</div><slot name=content-end></slot>`}</a>`:r`<div class="group-card__upper group-card__upper--compact">${this.renderSelectionInput()}<div class="group-card__thumbnail group-card__thumbnail--compact"><arcgis-portal-group-thumbnail .group=${v} .portal=${this.portal} scale=l></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><h3 class="group-card__title group-card__title--compact"><span class="group-card__title__span">${e.title}</span></h3>${s&&r`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} class="group-card__badges--compact" scale=s show-tooltips width=narrow></arcgis-portal-group-badges>`||""}</div><slot name=content-end></slot></div>`}</section>`}render(){let{group:e,selection:t,formFactor:c,loaded:h,disabled:_,link:a,showDateCreated:s,showDateUpdated:m,showSummary:d,showBadges:n}=this;if(!e||!this.messages._lang)return;if(this.view==="compact")return this.renderCompactView();let u=this.getAccessInfo(e.access??"private"),v=this.getThumbnailGroup(e),g=this.width<o.sm,f=this.preview==="top"&&!a,{previewed:D}=this;return r`<section class=${p({"group-card":!0,"group-card--hoverable":t!=="none","group-card--selected":this.selected,"group-card--disabled":_,"group-card--loaded":h,[`group-card--${c}`]:!0,"group-card--previewed":D})} @click=${a?void 0:this.handleCardClick} tabindex=${(f?0:void 0)??l} .role=${f?"button":void 0} aria-haspopup=${(f?"dialog":void 0)??l} @keydown=${i=>{f&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.handleCardClick())}} ${$(this.sectionEl)}><slot name=content-top></slot>${a?r`<a class="group-card__upper group-card__upper--link" href=${this.link??l} target=${(this.newTab?"_blank":void 0)??l} rel=${(this.newTab?"noopener noreferrer":void 0)??l} @mouseover=${()=>{this.hover=!0}} @mouseout=${()=>{this.hover=!1}} @click=${i=>{if(this.linkHandler&&!i.ctrlKey&&!i.metaKey){i.preventDefault(),this.linkHandler(this.group);return}let w=i.target;w instanceof HTMLElement&&w.closest(".group-card__footer")&&i.preventDefault()}}>${r`<div class="group-card-flex group-card__top">${this.renderSelectionInput()}<div class="group-card__thumbnail"><arcgis-portal-group-thumbnail .group=${v} .portal=${this.portal} scale=xl></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><div class="group-card-flex"><div class="group-card__content"><h3 class=${p({"group-card__title":!0,"group-card__title--padded":d&&!!e.snippet})}><span class="group-card__title__span">${e.title}</span></h3>${d&&!!e.snippet&&r`<p class="group-card__summary">${e.snippet.length>250?`${e.snippet.substring(0,250)}...`:e.snippet}</p>`||""}<div class=${p({"group-card__details":!0,"group-card__details--stacked":g})}>${s&&!!e.created&&r`<span class="group-card__detail group-card__divider">${(this.messages.created??"").replace("${date}",this.formatDate(e.created))}</span>`||""}${m&&!!e.modified&&r`<span class="group-card__detail group-card__divider">${(this.messages.lastUpdated??"").replace("${date}",this.formatDate(e.modified))}</span>`||""}${this.showViewableBy&&r`<span class="group-card__detail group-card__divider"><calcite-icon class="group-card__detail__icon" .icon=${u.icon} scale=s></calcite-icon>${(this.messages.viewableBy??"").replace("${level}",u.text)}</span>`||""}${n&&this.width>=o.sm&&r`<arcgis-portal-group-badges .appearance=${this.hover?"outline-fill":"solid"} .group=${e} .portal=${this.portal} .width=${this.width<o.md?"narrow":"full"} class="group-card__badges group-card__detail group-card__divider" scale=s show-tooltips></arcgis-portal-group-badges>`||""}</div>${n&&this.width<o.sm&&r`<arcgis-portal-group-badges .appearance=${this.hover?"outline-fill":"solid"} .group=${e} .portal=${this.portal} .width=${this.width<o.xxs?"narrow":"full"} class="group-card__badges" scale=s show-tooltips></arcgis-portal-group-badges>`||""}<slot name=content-end></slot></div></div></div></div>`}</a>`:r`<div class="group-card__upper" @mouseover=${()=>{this.hover=!0}} @mouseout=${()=>{this.hover=!1}}><div class="group-card-flex group-card__top">${this.renderSelectionInput()}<div class="group-card__thumbnail"><arcgis-portal-group-thumbnail .group=${v} .portal=${this.portal} scale=xl></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><div class="group-card-flex"><div class="group-card__content"><h3 class=${p({"group-card__title":!0,"group-card__title--padded":d&&!!e.snippet})}><span class="group-card__title__span">${e.title}</span></h3>${d&&!!e.snippet&&r`<p class="group-card__summary">${e.snippet.length>250?`${e.snippet.substring(0,250)}...`:e.snippet}</p>`||""}<div class=${p({"group-card__details":!0,"group-card__details--stacked":g})}>${s&&!!e.created&&r`<span class="group-card__detail group-card__divider">${(this.messages.created??"").replace("${date}",this.formatDate(e.created))}</span>`||""}${m&&!!e.modified&&r`<span class="group-card__detail group-card__divider">${(this.messages.lastUpdated??"").replace("${date}",this.formatDate(e.modified))}</span>`||""}${this.showViewableBy&&r`<span class="group-card__detail group-card__divider"><calcite-icon class="group-card__detail__icon" .icon=${u.icon} scale=s></calcite-icon>${(this.messages.viewableBy??"").replace("${level}",u.text)}</span>`||""}${n&&this.width>=o.sm&&r`<arcgis-portal-group-badges .appearance=${this.hover?"outline-fill":"solid"} .group=${e} .portal=${this.portal} .width=${this.width<o.md?"narrow":"full"} class="group-card__badges group-card__detail group-card__divider" scale=s show-tooltips></arcgis-portal-group-badges>`||""}</div>${n&&this.width<o.sm&&r`<arcgis-portal-group-badges .appearance=${this.hover?"outline-fill":"solid"} .group=${e} .portal=${this.portal} .width=${this.width<o.xxs?"narrow":"full"} class="group-card__badges" scale=s show-tooltips></arcgis-portal-group-badges>`||""}<slot name=content-end></slot></div></div></div></div></div>`}<div class="group-card__footer"><div class="group-card__footer__start"><slot name=actions-start></slot>${this.showOwner&&r`<div class="group-card__profile-wrap"><arcgis-portal-user-popup class="group-card__owner" .portal=${this.portal} .username=${e.owner??void 0} underline @arcgisUserPopupInternalUIAction=${({detail:i,stopPropagation:w})=>{w(),this.arcgisGroupBrowserInternalUIAction.emit(i)}}></arcgis-portal-user-popup></div>`||""}</div><div>${this.preview==="action"&&r`<calcite-button scale=s appearance=outline-fill kind=neutral @click=${()=>{this.arcgisGroupBrowserCardPreview.emit(this.group)}}>${this.previewed?this.messages.hidePreview:this.messages.preview}</calcite-button>`||""}<div @click=${i=>{i.stopPropagation()}}><slot name=actions-end></slot></div></div></div></section>`}};z("arcgis-portal-group-card",x);export{x as ArcgisPortalGroupCard};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"lastUpdated":"Last updated: ${date}","created":"Created: ${date}","viewableBy":"Viewable by: ${level}","everyone":"Everyone (public)","organization":"Organization","groupMembers":"Group members","select":"Select group: ${title}","preview":"Preview","hidePreview":"Close preview","openInPortal":"Open in portal","badges":{"collaboration":"Collaboration","viewOnly":"View only","autoJoin":"Auto join","hiddenMembers":"Hidden members"}}
|
package/dist/cdn/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{O as a,y as e}from"./DHHSKOUY.js";import"./YIMNOUTF.js";var t=e(a,{"arcgis-portal-ai-assistant":[()=>import("./RBC6VGDJ.js"),"autoDestroyDisabled,config:,defaultClosed,portal:,t9n:,user:"],"arcgis-portal-ai-assistant-interrupt":[()=>import("./
|
|
2
|
+
import{O as a,y as e}from"./DHHSKOUY.js";import"./YIMNOUTF.js";var t=e(a,{"arcgis-portal-ai-assistant":[()=>import("./RBC6VGDJ.js"),"autoDestroyDisabled,config:,defaultClosed,portal:,t9n:,user:"],"arcgis-portal-ai-assistant-interrupt":[()=>import("./IWJIVHBS.js"),"_messages:,message,options:,type"],"arcgis-portal-classification-banner":[()=>import("./YMPTDKT6.js"),"autoDestroyDisabled,messages:,missingExistingClassification,portalItem:,validationErrors,variant;destroy"],"arcgis-portal-classification-config":[()=>import("./BEHLBKKM.js"),"autoDestroyDisabled,messages:,portalItem:,status,valid,values;destroy,resetForm,validateForm"],"arcgis-portal-classification-favorite":[()=>import("./JNRN6DTV.js"),"attributeExpressionResults:,classificationValue:,favoriteClassifications:,messages:,portalItem:,resetFavoriteClassification:,selectedFavoriteClassificationName,updateClassificationData:"],"arcgis-portal-classification-form-element":[()=>import("./G47ZZQYL.js"),"attribute:,attributeKey,isRequiredErrors:,messages:,renderingInfo:,value:"],"arcgis-portal-extent-picker":[()=>import("./GHQ3ZW4U.js"),"active,contentOnly,extentService,extentValue:,isArea,itemId,messages:,portal:;;getExtent"],"arcgis-portal-extent-picker-coord-field":[()=>import("./K3HS2LQ7.js"),"errorMessage,inputId,label,max,min,relatedErrorMessage,validateRelated:,value;;checkRelatedField,isValid,setFocus"],"arcgis-portal-field-delete":[()=>import("./YG5YYL6X.js"),"config:,fieldNames:,layer:,mapView:,messages:,options:"],"arcgis-portal-group-badges":[()=>import("./WZC4LHVH.js"),"_messages:,appearance,empty,group:,portal:,scale,showTooltips,width"],"arcgis-portal-group-card":[()=>import("./JUN4NQAO.js"),"disabled,group:,indeterminate,link,linkHandler:,messages:,name,newTab,portal:,preview,previewed,selected,selection,showBadges,showDateCreated,showDateUpdated,showOwner,showSummary,showViewableBy,user:,view;restoreFocus"],"arcgis-portal-group-thumbnail":[()=>import("./QB34ACZ2.js"),"group:,portal:,scale,tooltip"],"arcgis-portal-item-type":[()=>import("./TMYTUOSS.js"),"ellipsis,hideIcon,hideText,item:,messages:,portal:,scale,serviceInfo:,showHosted,user:"],"arcgis-portal-mentionable-text-area":[()=>import("./X5NBQPTM.js"),"disabled,maxLength,placeholder,popoverListLabel,popoverPlacement,portal:,readOnly,rows,scale,starters:,user:,value;closePopover,focusTextArea,selectItem"],"arcgis-portal-replacement-item-redirect":[()=>import("./F2AM2M4H.js"),"itemId,messages:,portal:,user:;setFocus"],"arcgis-portal-user-avatar":[()=>import("./MX3F5ZCL.js"),"checkOnline,description,heading,hideAvatar,messages:,portal:,scale,showName,underline,user:,username,wrap"],"arcgis-portal-user-popup":[()=>import("./YVJRXWM3.js"),"appearance,avatarAriaHidden,baseUrl,checkOnline,fullName,item:,messages:,portal:,scale,showAvatar,showName,showUsername,underline,user:,username,wrap,zIndex;openPopup,setFocus"],"arcgis-portal-voice-input":[()=>import("./ZTHTFEYA.js"),"language;clearText,startListening,stopListening"]});t({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-portal-ai-assistant,arcgis-portal-ai-assistant-interrupt,arcgis-portal-classification-banner,arcgis-portal-classification-config,arcgis-portal-classification-favorite,arcgis-portal-classification-form-element,arcgis-portal-extent-picker,arcgis-portal-field-delete,arcgis-portal-group-badges,arcgis-portal-group-card,arcgis-portal-group-thumbnail,arcgis-portal-item-type,arcgis-portal-mentionable-text-area,arcgis-portal-replacement-item-redirect,arcgis-portal-user-avatar,arcgis-portal-user-popup,arcgis-portal-voice-input){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,a)
|
package/dist/cdn/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer{:not([hydrated]):is(arcgis-portal-ai-assistant,arcgis-portal-ai-assistant-interrupt,arcgis-portal-classification-banner,arcgis-portal-classification-config,arcgis-portal-classification-favorite,arcgis-portal-classification-form-element,arcgis-portal-extent-picker,arcgis-portal-field-delete,arcgis-portal-group-badges,arcgis-portal-group-thumbnail,arcgis-portal-item-type,arcgis-portal-mentionable-text-area,arcgis-portal-replacement-item-redirect,arcgis-portal-user-avatar,arcgis-portal-user-popup,arcgis-portal-voice-input){visibility:hidden}}
|
|
1
|
+
@layer{:not([hydrated]):is(arcgis-portal-ai-assistant,arcgis-portal-ai-assistant-interrupt,arcgis-portal-classification-banner,arcgis-portal-classification-config,arcgis-portal-classification-favorite,arcgis-portal-classification-form-element,arcgis-portal-extent-picker,arcgis-portal-field-delete,arcgis-portal-group-badges,arcgis-portal-group-card,arcgis-portal-group-thumbnail,arcgis-portal-item-type,arcgis-portal-mentionable-text-area,arcgis-portal-replacement-item-redirect,arcgis-portal-user-avatar,arcgis-portal-user-popup,arcgis-portal-voice-input){visibility:hidden}}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
/// <reference path="../../index.d.ts" />
|
|
2
|
+
import type Portal from "@arcgis/core/portal/Portal.js";
|
|
3
|
+
import type PortalGroup from "@arcgis/core/portal/PortalGroup.js";
|
|
4
|
+
import type PortalUser from "@arcgis/core/portal/PortalUser.js";
|
|
5
|
+
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
6
|
+
import type { InternalUIAction } from "../../types/tracking.js";
|
|
7
|
+
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* A card for displaying portal group information.
|
|
11
|
+
*
|
|
12
|
+
* @slot [content-top] - Inserted content appears above the card body.
|
|
13
|
+
* @slot [content-end] - Inserted content appears beneath the card details.
|
|
14
|
+
* @slot [actions-start] - Inserted content appears in the footer before owner information.
|
|
15
|
+
* @slot [actions-end] - Inserted content appears in the footer end area.
|
|
16
|
+
*/
|
|
17
|
+
export abstract class ArcgisPortalGroupCard extends LitElement {
|
|
18
|
+
/**
|
|
19
|
+
* Disable interaction when true.
|
|
20
|
+
*
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
23
|
+
accessor disabled: boolean;
|
|
24
|
+
/** Partial group JSON from community/groups. */
|
|
25
|
+
accessor group: PortalGroup;
|
|
26
|
+
/**
|
|
27
|
+
* Show the group as partially selected.
|
|
28
|
+
*
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
accessor indeterminate: boolean;
|
|
32
|
+
/** Making this non-empty turns the top section into a link. */
|
|
33
|
+
accessor link: string | undefined;
|
|
34
|
+
/** Optional callback that runs when the link is activated. */
|
|
35
|
+
accessor linkHandler: ((group: PortalGroup) => void) | undefined;
|
|
36
|
+
/** @internal */
|
|
37
|
+
protected messages: {
|
|
38
|
+
lastUpdated: string;
|
|
39
|
+
created: string;
|
|
40
|
+
viewableBy: string;
|
|
41
|
+
everyone: string;
|
|
42
|
+
organization: string;
|
|
43
|
+
groupMembers: string;
|
|
44
|
+
select: string;
|
|
45
|
+
preview: string;
|
|
46
|
+
hidePreview: string;
|
|
47
|
+
openInPortal: string;
|
|
48
|
+
badges: {
|
|
49
|
+
collaboration: string;
|
|
50
|
+
viewOnly: string;
|
|
51
|
+
autoJoin: string;
|
|
52
|
+
hiddenMembers: string;
|
|
53
|
+
};
|
|
54
|
+
} & T9nMeta<{
|
|
55
|
+
lastUpdated: string;
|
|
56
|
+
created: string;
|
|
57
|
+
viewableBy: string;
|
|
58
|
+
everyone: string;
|
|
59
|
+
organization: string;
|
|
60
|
+
groupMembers: string;
|
|
61
|
+
select: string;
|
|
62
|
+
preview: string;
|
|
63
|
+
hidePreview: string;
|
|
64
|
+
openInPortal: string;
|
|
65
|
+
badges: {
|
|
66
|
+
collaboration: string;
|
|
67
|
+
viewOnly: string;
|
|
68
|
+
autoJoin: string;
|
|
69
|
+
hiddenMembers: string;
|
|
70
|
+
};
|
|
71
|
+
}>;
|
|
72
|
+
/** Name of the radio button control for accessibility. */
|
|
73
|
+
accessor name: string | undefined;
|
|
74
|
+
/**
|
|
75
|
+
* Open link in new tab when true.
|
|
76
|
+
*
|
|
77
|
+
* @default false
|
|
78
|
+
*/
|
|
79
|
+
accessor newTab: boolean;
|
|
80
|
+
/** Current portal instance. */
|
|
81
|
+
accessor portal: Portal;
|
|
82
|
+
/** Optionally emit preview behavior on click of card. */
|
|
83
|
+
accessor preview: GroupCardPreview | undefined;
|
|
84
|
+
/**
|
|
85
|
+
* Whether this card is currently previewed by parent browser state.
|
|
86
|
+
*
|
|
87
|
+
* @default false
|
|
88
|
+
*/
|
|
89
|
+
accessor previewed: boolean;
|
|
90
|
+
/**
|
|
91
|
+
* Set to true to mark group as selected.
|
|
92
|
+
*
|
|
93
|
+
* @default false
|
|
94
|
+
*/
|
|
95
|
+
accessor selected: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* Type of selection behavior.
|
|
98
|
+
*
|
|
99
|
+
* @default "none"
|
|
100
|
+
*/
|
|
101
|
+
accessor selection: GroupCardSelection;
|
|
102
|
+
/**
|
|
103
|
+
* Show group badges.
|
|
104
|
+
*
|
|
105
|
+
* @default true
|
|
106
|
+
*/
|
|
107
|
+
accessor showBadges: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* Show created date detail.
|
|
110
|
+
*
|
|
111
|
+
* @default false
|
|
112
|
+
*/
|
|
113
|
+
accessor showDateCreated: boolean;
|
|
114
|
+
/**
|
|
115
|
+
* Show last-updated detail.
|
|
116
|
+
*
|
|
117
|
+
* @default true
|
|
118
|
+
*/
|
|
119
|
+
accessor showDateUpdated: boolean;
|
|
120
|
+
/**
|
|
121
|
+
* Show the owner information in the card footer.
|
|
122
|
+
*
|
|
123
|
+
* @default true
|
|
124
|
+
*/
|
|
125
|
+
accessor showOwner: boolean;
|
|
126
|
+
/**
|
|
127
|
+
* Show group summary text in card body.
|
|
128
|
+
*
|
|
129
|
+
* @default false
|
|
130
|
+
*/
|
|
131
|
+
accessor showSummary: boolean;
|
|
132
|
+
/**
|
|
133
|
+
* Show information on who can view this group.
|
|
134
|
+
*
|
|
135
|
+
* @default true
|
|
136
|
+
*/
|
|
137
|
+
accessor showViewableBy: boolean;
|
|
138
|
+
/** Current signed-in portal user. */
|
|
139
|
+
accessor user: PortalUser | undefined;
|
|
140
|
+
/**
|
|
141
|
+
* Select which view to use for the card.
|
|
142
|
+
*
|
|
143
|
+
* @default "list"
|
|
144
|
+
*/
|
|
145
|
+
accessor view: GroupCardView;
|
|
146
|
+
restoreFocus(): Promise<void>;
|
|
147
|
+
/** Emitted when preview is requested from card interaction. */
|
|
148
|
+
readonly arcgisGroupBrowserCardPreview: import("@arcgis/lumina").TargetedEvent<this, PortalGroup | null>;
|
|
149
|
+
/** Fires on internal component interaction for telemetry. */
|
|
150
|
+
readonly arcgisGroupBrowserInternalUIAction: import("@arcgis/lumina").TargetedEvent<this, InternalUIAction>;
|
|
151
|
+
/** Emitted when the group is selected or deselected. */
|
|
152
|
+
readonly arcgisGroupCardSelect: import("@arcgis/lumina").TargetedEvent<this, {
|
|
153
|
+
group: PortalGroup;
|
|
154
|
+
selected: boolean;
|
|
155
|
+
}>;
|
|
156
|
+
readonly "@eventTypes": {
|
|
157
|
+
arcgisGroupBrowserCardPreview: ArcgisPortalGroupCard["arcgisGroupBrowserCardPreview"]["detail"];
|
|
158
|
+
arcgisGroupBrowserInternalUIAction: ArcgisPortalGroupCard["arcgisGroupBrowserInternalUIAction"]["detail"];
|
|
159
|
+
arcgisGroupCardSelect: ArcgisPortalGroupCard["arcgisGroupCardSelect"]["detail"];
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
export type GroupCardView = "compact" | "list";
|
|
164
|
+
|
|
165
|
+
export type GroupCardSelection = "multiple" | "none" | "single";
|
|
166
|
+
|
|
167
|
+
export type GroupCardPreview = "action" | "top";
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import { c as k } from "../../chunks/runtime.js";
|
|
3
|
+
import { css as y, html as r } from "lit";
|
|
4
|
+
import { LitElement as C, createEvent as w, safeClassMap as g, nothing as l } from "@arcgis/lumina";
|
|
5
|
+
import { createRef as F, ref as $ } from "lit/directives/ref.js";
|
|
6
|
+
import { u as z } from "../../chunks/useT9n.js";
|
|
7
|
+
import { a as E } from "../../chunks/functionalities.js";
|
|
8
|
+
const o = {
|
|
9
|
+
md: 840,
|
|
10
|
+
sm: 580,
|
|
11
|
+
xs: 480,
|
|
12
|
+
xxs: 360
|
|
13
|
+
}, B = y`:host{display:block;min-width:0}.group-card{position:relative;display:flex;height:100%;flex-direction:column;color:var(--calcite-color-text-1);opacity:0;box-shadow:none;transition-duration:.15s;outline-color:transparent;background-color:var(--calcite-color-foreground-1);transition-property:background-color,outline,outline-offset,opacity;border:1px solid var(--calcite-color-border-3);&:focus{z-index:10;outline:2px solid var(--calcite-color-brand);outline-offset:-2px}}.group-card--loaded{opacity:1}.group-card--selected{border-color:var(--calcite-color-brand)}.group-card--hoverable{cursor:pointer}.group-card--disabled{opacity:.5}.group-card__top{padding:1rem}.group-card__upper{flex:1 1 0%;background-color:var(--calcite-color-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s}.group-card__upper:hover{background-color:var(--calcite-color-background)}.group-card__upper--compact{display:flex;align-items:center;padding:.5rem .75rem}.group-card__upper--link{color:var(--calcite-color-text-1);text-decoration-line:none;outline-color:transparent;&:focus{z-index:10;outline:2px solid var(--calcite-color-brand);outline-offset:2px}}.group-card__title__span{position:relative;display:inline;border-style:none;background-color:transparent;padding:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-image:linear-gradient(transparent,transparent);background-position-x:0%,100%;background-position-y:min(1.25em,100%);background-repeat:no-repeat,no-repeat;background-size:100% 1px,100% 1px}.group-card--previewed .group-card__title__span{background-image:linear-gradient(var(--calcite-color-text-3),var(--calcite-color-text-3))}.group-card__content{display:flex;min-width:0;flex:1 1 0%;flex-direction:column}.group-card__details{display:flex;flex-direction:row;flex-wrap:wrap}.group-card__details--stacked{flex-direction:column}.group-card__detail{font-size:.875rem;color:var(--calcite-color-text-2)}.group-card__detail__icon{margin-inline-end:.5rem}.group-card__footer{margin-top:auto;display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:.5rem 1rem;border-top:1px solid var(--calcite-color-border-3)}.group-card__footer__start{display:flex;min-width:0;flex:1 1 0%;flex-direction:row;align-items:center;overflow:hidden;margin-inline-end:.75rem}.group-card__profile-wrap{max-width:100%;padding:.25rem}.group-card__divider{display:flex;align-items:center;flex:0 0 auto}.group-card__divider:not([empty]):before{content:"";height:1.25rem;width:1px;background-color:var(--calcite-color-border-1);margin-inline:.75rem}.group-card__details--stacked .group-card__divider:before{display:none}.group-card__divider:first-child:before{display:none}.group-card-flex{display:flex}.group-card-flex-1{min-width:0;flex:1 1 0%}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.group-card__input{margin-inline-end:1rem;margin-top:.125rem}.group-card__title{margin:0;overflow-wrap:break-word;padding:0;font-size:1rem;font-weight:500;line-height:1.375}.group-card__title--compact{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-end:1rem}.group-card__summary{margin:.25rem 0;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;font-size:.875rem;line-height:1.25}.group-card__thumbnail{margin-inline-end:1rem}.group-card__thumbnail--compact{width:2.75rem;height:2.75rem}.group-card__badges{margin-top:.25rem}.group-card__owner{min-width:0}.group-card--xs,.group-card--xxs{.group-card__top{padding:.75rem}.group-card__title--padded{margin-bottom:.25rem}.group-card__footer{padding:.25rem .75rem}.group-card__detail{margin:.25rem 0;font-size:.75rem;line-height:1.35}.group-card__title{font-size:.875rem}}.group-card--xxs{.group-card__thumbnail{padding-inline-start:.75rem;width:4.25rem}}.group-card--xs{.group-card__thumbnail{padding-inline-start:.5rem;width:5rem}}`;
|
|
14
|
+
class D extends C {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments), this.messages = z({ blocking: !0 }), this.sectionEl = F(), this.resizeObserver = null, this.handleCardClick = (e) => {
|
|
17
|
+
if (!(this.link || this.disabled || e?.target?.closest(".group-card__footer"))) {
|
|
18
|
+
if (this.preview === "top") {
|
|
19
|
+
this.arcgisGroupBrowserCardPreview.emit(this.group);
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
if (this.selection === "single") {
|
|
23
|
+
this.selected = !0, this.arcgisGroupCardSelect.emit({ group: this.group, selected: !0 });
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
this.selection === "multiple" && (this.selected = !this.selected, this.arcgisGroupCardSelect.emit({ group: this.group, selected: this.selected }));
|
|
27
|
+
}
|
|
28
|
+
}, this.formFactor = "lg", this.width = 0, this.hover = !1, this.selected = !1, this.indeterminate = !1, this.view = "list", this.selection = "none", this.previewed = !1, this.showOwner = !0, this.showDateUpdated = !0, this.showDateCreated = !1, this.showViewableBy = !0, this.showSummary = !1, this.showBadges = !0, this.newTab = !1, this.disabled = !1, this.arcgisGroupBrowserCardPreview = w(), this.arcgisGroupCardSelect = w(), this.arcgisGroupBrowserInternalUIAction = w(), this.loaded = !1;
|
|
29
|
+
}
|
|
30
|
+
static {
|
|
31
|
+
this.properties = { formFactor: 16, width: 16, hover: 16, group: 0, user: 0, portal: 0, selected: 7, indeterminate: 7, view: 1, selection: 1, preview: 1, previewed: 5, name: 1, showOwner: 5, showDateUpdated: 5, showDateCreated: 5, showViewableBy: 5, showSummary: 5, showBadges: 5, link: 1, linkHandler: 0, newTab: 5, disabled: 7, loaded: 16 };
|
|
32
|
+
}
|
|
33
|
+
static {
|
|
34
|
+
this.styles = B;
|
|
35
|
+
}
|
|
36
|
+
async restoreFocus() {
|
|
37
|
+
if (this.link) {
|
|
38
|
+
this.renderRoot.querySelector(".group-card__upper")?.focus();
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
this.preview === "top" && this.sectionEl.value && this.sectionEl.value.focus();
|
|
42
|
+
}
|
|
43
|
+
connectedCallback() {
|
|
44
|
+
super.connectedCallback(), !(typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver((e) => {
|
|
45
|
+
const t = e[0]?.contentRect.width ?? 0;
|
|
46
|
+
this.updateFormFactor(t);
|
|
47
|
+
}));
|
|
48
|
+
}
|
|
49
|
+
firstUpdated() {
|
|
50
|
+
if (this.sectionEl.value && this.resizeObserver) {
|
|
51
|
+
this.resizeObserver.observe(this.sectionEl.value);
|
|
52
|
+
const e = this.sectionEl.value.getBoundingClientRect().width;
|
|
53
|
+
this.updateFormFactor(e);
|
|
54
|
+
}
|
|
55
|
+
requestAnimationFrame(() => {
|
|
56
|
+
this.loaded = !0;
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
disconnectedCallback() {
|
|
60
|
+
this.resizeObserver?.disconnect(), this.resizeObserver = null, super.disconnectedCallback();
|
|
61
|
+
}
|
|
62
|
+
updateFormFactor(e) {
|
|
63
|
+
if (this.width = e, e > o.md) {
|
|
64
|
+
this.formFactor = "lg";
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (e > o.sm) {
|
|
68
|
+
this.formFactor = "md";
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
if (e > o.xs) {
|
|
72
|
+
this.formFactor = "sm";
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
if (e > o.xxs) {
|
|
76
|
+
this.formFactor = "xs";
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
this.formFactor = "xxs";
|
|
80
|
+
}
|
|
81
|
+
getAccessInfo(e) {
|
|
82
|
+
const { messages: t } = this, c = {
|
|
83
|
+
public: {
|
|
84
|
+
icon: "globe",
|
|
85
|
+
text: t.everyone
|
|
86
|
+
},
|
|
87
|
+
private: {
|
|
88
|
+
icon: "lock",
|
|
89
|
+
text: t.groupMembers
|
|
90
|
+
},
|
|
91
|
+
org: {
|
|
92
|
+
icon: "organization",
|
|
93
|
+
text: t.organization
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
return c[e] ?? c.private;
|
|
97
|
+
}
|
|
98
|
+
formatDate(e) {
|
|
99
|
+
return e ? new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(e) : "";
|
|
100
|
+
}
|
|
101
|
+
getThumbnailGroup(e) {
|
|
102
|
+
return {
|
|
103
|
+
id: e.id ?? void 0,
|
|
104
|
+
thumbnailUrl: e.thumbnailUrl ?? void 0,
|
|
105
|
+
title: e.title ?? void 0
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
renderSelectionInput() {
|
|
109
|
+
const { selection: e, selected: t, disabled: c, name: h, messages: _, group: a } = this;
|
|
110
|
+
switch (e) {
|
|
111
|
+
case "single":
|
|
112
|
+
return r`<calcite-radio-button class="group-card__input" .checked=${t} .disabled=${c} .value=${a.title ?? ""} .name=${h} @click=${(s) => s.stopPropagation()} @calciteRadioButtonChange=${() => {
|
|
113
|
+
this.arcgisGroupCardSelect.emit({ group: a, selected: !t });
|
|
114
|
+
}}><span class="screen-readers-only">${(_.select ?? "").replace("${title}", a.title ?? "")}</span></calcite-radio-button>`;
|
|
115
|
+
case "multiple":
|
|
116
|
+
return r`<calcite-checkbox class="group-card__input" .checked=${t} .disabled=${c} .indeterminate=${this.indeterminate} @click=${(s) => s.stopPropagation()} @calciteCheckboxChange=${() => {
|
|
117
|
+
const s = !this.selected;
|
|
118
|
+
this.selected = s, this.arcgisGroupCardSelect.emit({ group: a, selected: s });
|
|
119
|
+
}}><span class="screen-readers-only">${a.title}</span></calcite-checkbox>`;
|
|
120
|
+
case "none":
|
|
121
|
+
return null;
|
|
122
|
+
default:
|
|
123
|
+
return E(e);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
renderCompactView() {
|
|
127
|
+
const { group: e, selection: t, formFactor: c, loaded: h, disabled: _, link: a, showBadges: s, newTab: m, linkHandler: d, handleCardClick: n, selected: p } = this, f = this.getThumbnailGroup(e);
|
|
128
|
+
return r`<section class=${g({
|
|
129
|
+
"group-card": !0,
|
|
130
|
+
"group-card--hoverable": t !== "none",
|
|
131
|
+
"group-card--selected": p,
|
|
132
|
+
"group-card--disabled": _,
|
|
133
|
+
"group-card--loaded": h,
|
|
134
|
+
[`group-card--${c}`]: !0
|
|
135
|
+
})} @click=${a ? void 0 : n} @mouseover=${() => {
|
|
136
|
+
this.hover = !0;
|
|
137
|
+
}} @mouseout=${() => {
|
|
138
|
+
this.hover = !1;
|
|
139
|
+
}} ${$(this.sectionEl)}>${a ? r`<a class="group-card__upper group-card__upper--compact group-card__upper--link" href=${a ?? l} target=${(m ? "_blank" : void 0) ?? l} rel=${(m ? "noopener noreferrer" : void 0) ?? l} @click=${(u) => {
|
|
140
|
+
d && !u.ctrlKey && !u.metaKey && (u.preventDefault(), d(this.group));
|
|
141
|
+
}}>${r`${this.renderSelectionInput()}<div class="group-card__thumbnail group-card__thumbnail--compact"><arcgis-portal-group-thumbnail .group=${f} .portal=${this.portal} scale=l></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><h3 class="group-card__title group-card__title--compact"><span class="group-card__title__span">${e.title}</span></h3>${s && r`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} class="group-card__badges--compact" scale=s show-tooltips width=narrow></arcgis-portal-group-badges>` || ""}</div><slot name=content-end></slot>`}</a>` : r`<div class="group-card__upper group-card__upper--compact">${this.renderSelectionInput()}<div class="group-card__thumbnail group-card__thumbnail--compact"><arcgis-portal-group-thumbnail .group=${f} .portal=${this.portal} scale=l></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><h3 class="group-card__title group-card__title--compact"><span class="group-card__title__span">${e.title}</span></h3>${s && r`<arcgis-portal-group-badges .group=${e} .portal=${this.portal} class="group-card__badges--compact" scale=s show-tooltips width=narrow></arcgis-portal-group-badges>` || ""}</div><slot name=content-end></slot></div>`}</section>`;
|
|
142
|
+
}
|
|
143
|
+
render() {
|
|
144
|
+
const { group: e, selection: t, formFactor: c, loaded: h, disabled: _, link: a, showDateCreated: s, showDateUpdated: m, showSummary: d, showBadges: n } = this;
|
|
145
|
+
if (!e || !this.messages._lang)
|
|
146
|
+
return;
|
|
147
|
+
if (this.view === "compact")
|
|
148
|
+
return this.renderCompactView();
|
|
149
|
+
const p = this.getAccessInfo(e.access ?? "private"), f = this.getThumbnailGroup(e), u = this.width < o.sm, v = this.preview === "top" && !a, { previewed: x } = this;
|
|
150
|
+
return r`<section class=${g({
|
|
151
|
+
"group-card": !0,
|
|
152
|
+
"group-card--hoverable": t !== "none",
|
|
153
|
+
"group-card--selected": this.selected,
|
|
154
|
+
"group-card--disabled": _,
|
|
155
|
+
"group-card--loaded": h,
|
|
156
|
+
[`group-card--${c}`]: !0,
|
|
157
|
+
"group-card--previewed": x
|
|
158
|
+
})} @click=${a ? void 0 : this.handleCardClick} tabindex=${(v ? 0 : void 0) ?? l} .role=${v ? "button" : void 0} aria-haspopup=${(v ? "dialog" : void 0) ?? l} @keydown=${(i) => {
|
|
159
|
+
v && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), this.handleCardClick());
|
|
160
|
+
}} ${$(this.sectionEl)}><slot name=content-top></slot>${a ? r`<a class="group-card__upper group-card__upper--link" href=${this.link ?? l} target=${(this.newTab ? "_blank" : void 0) ?? l} rel=${(this.newTab ? "noopener noreferrer" : void 0) ?? l} @mouseover=${() => {
|
|
161
|
+
this.hover = !0;
|
|
162
|
+
}} @mouseout=${() => {
|
|
163
|
+
this.hover = !1;
|
|
164
|
+
}} @click=${(i) => {
|
|
165
|
+
if (this.linkHandler && !i.ctrlKey && !i.metaKey) {
|
|
166
|
+
i.preventDefault(), this.linkHandler(this.group);
|
|
167
|
+
return;
|
|
168
|
+
}
|
|
169
|
+
const b = i.target;
|
|
170
|
+
b instanceof HTMLElement && b.closest(".group-card__footer") && i.preventDefault();
|
|
171
|
+
}}>${r`<div class="group-card-flex group-card__top">${this.renderSelectionInput()}<div class="group-card__thumbnail"><arcgis-portal-group-thumbnail .group=${f} .portal=${this.portal} scale=xl></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><div class="group-card-flex"><div class="group-card__content"><h3 class=${g({ "group-card__title": !0, "group-card__title--padded": d && !!e.snippet })}><span class="group-card__title__span">${e.title}</span></h3>${d && !!e.snippet && r`<p class="group-card__summary">${e.snippet.length > 250 ? `${e.snippet.substring(0, 250)}...` : e.snippet}</p>` || ""}<div class=${g({ "group-card__details": !0, "group-card__details--stacked": u })}>${s && !!e.created && r`<span class="group-card__detail group-card__divider">${(this.messages.created ?? "").replace("${date}", this.formatDate(e.created))}</span>` || ""}${m && !!e.modified && r`<span class="group-card__detail group-card__divider">${(this.messages.lastUpdated ?? "").replace("${date}", this.formatDate(e.modified))}</span>` || ""}${this.showViewableBy && r`<span class="group-card__detail group-card__divider"><calcite-icon class="group-card__detail__icon" .icon=${p.icon} scale=s></calcite-icon>${(this.messages.viewableBy ?? "").replace("${level}", p.text)}</span>` || ""}${n && this.width >= o.sm && r`<arcgis-portal-group-badges .appearance=${this.hover ? "outline-fill" : "solid"} .group=${e} .portal=${this.portal} .width=${this.width < o.md ? "narrow" : "full"} class="group-card__badges group-card__detail group-card__divider" scale=s show-tooltips></arcgis-portal-group-badges>` || ""}</div>${n && this.width < o.sm && r`<arcgis-portal-group-badges .appearance=${this.hover ? "outline-fill" : "solid"} .group=${e} .portal=${this.portal} .width=${this.width < o.xxs ? "narrow" : "full"} class="group-card__badges" scale=s show-tooltips></arcgis-portal-group-badges>` || ""}<slot name=content-end></slot></div></div></div></div>`}</a>` : r`<div class="group-card__upper" @mouseover=${() => {
|
|
172
|
+
this.hover = !0;
|
|
173
|
+
}} @mouseout=${() => {
|
|
174
|
+
this.hover = !1;
|
|
175
|
+
}}><div class="group-card-flex group-card__top">${this.renderSelectionInput()}<div class="group-card__thumbnail"><arcgis-portal-group-thumbnail .group=${f} .portal=${this.portal} scale=xl></arcgis-portal-group-thumbnail></div><div class="group-card-flex-1"><div class="group-card-flex"><div class="group-card__content"><h3 class=${g({ "group-card__title": !0, "group-card__title--padded": d && !!e.snippet })}><span class="group-card__title__span">${e.title}</span></h3>${d && !!e.snippet && r`<p class="group-card__summary">${e.snippet.length > 250 ? `${e.snippet.substring(0, 250)}...` : e.snippet}</p>` || ""}<div class=${g({ "group-card__details": !0, "group-card__details--stacked": u })}>${s && !!e.created && r`<span class="group-card__detail group-card__divider">${(this.messages.created ?? "").replace("${date}", this.formatDate(e.created))}</span>` || ""}${m && !!e.modified && r`<span class="group-card__detail group-card__divider">${(this.messages.lastUpdated ?? "").replace("${date}", this.formatDate(e.modified))}</span>` || ""}${this.showViewableBy && r`<span class="group-card__detail group-card__divider"><calcite-icon class="group-card__detail__icon" .icon=${p.icon} scale=s></calcite-icon>${(this.messages.viewableBy ?? "").replace("${level}", p.text)}</span>` || ""}${n && this.width >= o.sm && r`<arcgis-portal-group-badges .appearance=${this.hover ? "outline-fill" : "solid"} .group=${e} .portal=${this.portal} .width=${this.width < o.md ? "narrow" : "full"} class="group-card__badges group-card__detail group-card__divider" scale=s show-tooltips></arcgis-portal-group-badges>` || ""}</div>${n && this.width < o.sm && r`<arcgis-portal-group-badges .appearance=${this.hover ? "outline-fill" : "solid"} .group=${e} .portal=${this.portal} .width=${this.width < o.xxs ? "narrow" : "full"} class="group-card__badges" scale=s show-tooltips></arcgis-portal-group-badges>` || ""}<slot name=content-end></slot></div></div></div></div></div>`}<div class="group-card__footer"><div class="group-card__footer__start"><slot name=actions-start></slot>${this.showOwner && r`<div class="group-card__profile-wrap"><arcgis-portal-user-popup class="group-card__owner" .portal=${this.portal} .username=${e.owner ?? void 0} underline @arcgisUserPopupInternalUIAction=${({ detail: i, stopPropagation: b }) => {
|
|
176
|
+
b(), this.arcgisGroupBrowserInternalUIAction.emit(i);
|
|
177
|
+
}}></arcgis-portal-user-popup></div>` || ""}</div><div>${this.preview === "action" && r`<calcite-button scale=s appearance=outline-fill kind=neutral @click=${() => {
|
|
178
|
+
this.arcgisGroupBrowserCardPreview.emit(this.group);
|
|
179
|
+
}}>${this.previewed ? this.messages.hidePreview : this.messages.preview}</calcite-button>` || ""}<div @click=${(i) => {
|
|
180
|
+
i.stopPropagation();
|
|
181
|
+
}}><slot name=actions-end></slot></div></div></div></section>`;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
k("arcgis-portal-group-card", D);
|
|
185
|
+
export {
|
|
186
|
+
D as ArcgisPortalGroupCard
|
|
187
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./customElement.js";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "@esri/calcite-components/components/calcite-radio-button";
|
|
2
|
+
import "@esri/calcite-components/components/calcite-checkbox";
|
|
3
|
+
import "../arcgis-portal-group-thumbnail/index.js";
|
|
4
|
+
import "../arcgis-portal-group-badges/index.js";
|
|
5
|
+
import "@esri/calcite-components/components/calcite-icon";
|
|
6
|
+
import "../arcgis-portal-user-popup/index.js";
|
|
7
|
+
import "@esri/calcite-components/components/calcite-button";
|
|
8
|
+
export * from "./customElement.js";
|