@abgov/react-components 4.0.0-alpha.160 → 4.0.0-alpha.161
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/package.json
CHANGED
package/react-components.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ function noop(){}const identity=x=>x;function assign(tar,src){// @ts-ignore
|
|
|
6
6
|
for(const k in src)tar[k]=src[k];return tar;}function run(fn){return fn();}function blank_object(){return Object.create(null);}function run_all(fns){fns.forEach(run);}function is_function(thing){return typeof thing==='function';}function safe_not_equal(a,b){return a!=a?b==b:a!==b||a&&typeof a==='object'||typeof a==='function';}let src_url_equal_anchor;function src_url_equal(element_src,url){if(!src_url_equal_anchor){src_url_equal_anchor=document.createElement('a');}src_url_equal_anchor.href=url;return element_src===src_url_equal_anchor.href;}function is_empty(obj){return Object.keys(obj).length===0;}function subscribe(store,...callbacks){if(store==null){return noop;}const unsub=store.subscribe(...callbacks);return unsub.unsubscribe?()=>unsub.unsubscribe():unsub;}function component_subscribe(component,store,callback){component.$$.on_destroy.push(subscribe(store,callback));}function action_destroyer(action_result){return action_result&&is_function(action_result.destroy)?action_result.destroy:noop;}const is_client=typeof window!=='undefined';let now=is_client?()=>window.performance.now():()=>Date.now();let raf=is_client?cb=>requestAnimationFrame(cb):noop;const tasks=new Set();function run_tasks(now){tasks.forEach(task=>{if(!task.c(now)){tasks.delete(task);task.f();}});if(tasks.size!==0)raf(run_tasks);}/**
|
|
7
7
|
* Creates a new task that runs on each raf frame
|
|
8
8
|
* until it returns a falsy value or is aborted
|
|
9
|
-
*/function loop(callback){let task;if(tasks.size===0)raf(run_tasks);return {promise:new Promise(fulfill=>{tasks.add(task={c:callback,f:fulfill});}),abort(){tasks.delete(task);}};}function append(target,node){target.appendChild(node);}function get_root_for_style(node){if(!node)return document;const root=node.getRootNode?node.getRootNode():node.ownerDocument;if(root&&root.host){return root;}return node.ownerDocument;}function append_empty_stylesheet(node){const style_element=element('style');append_stylesheet(get_root_for_style(node),style_element);return style_element.sheet;}function append_stylesheet(node,style){append(node.head||node,style);return style.sheet;}function insert(target,node,anchor){target.insertBefore(node,anchor||null);}function detach(node){node.parentNode.removeChild(node);}function destroy_each(iterations,detaching){for(let i=0;i<iterations.length;i+=1){if(iterations[i])iterations[i].d(detaching);}}function element(name){return document.createElement(name);}function svg_element(name){return document.createElementNS('http://www.w3.org/2000/svg',name);}function text(data){return document.createTextNode(data);}function space(){return text(' ');}function empty(){return text('');}function listen(node,event,handler,options){node.addEventListener(event,handler,options);return ()=>node.removeEventListener(event,handler,options);}function attr(node,attribute,value){if(value==null)node.removeAttribute(attribute);else if(node.getAttribute(attribute)!==value)node.setAttribute(attribute,value);}function set_custom_element_data(node,prop,value){if(prop in node){node[prop]=typeof node[prop]==='boolean'&&value===''?true:value;}else {attr(node,prop,value);}}function children(element){return Array.from(element.childNodes);}function set_data(text,data){data=''+data;if(text.wholeText!==data)text.data=data;}function set_style(node,key,value,important){if(value===null){node.style.removeProperty(key);}else {node.style.setProperty(key,value,important?'important':'');}}function toggle_class(element,name,toggle){element.classList[toggle?'add':'remove'](name);}function custom_event(type,detail,{bubbles=false,cancelable=false}={}){const e=document.createEvent('CustomEvent');e.initCustomEvent(type,bubbles,cancelable,detail);return e;}function attribute_to_object(attributes){const result={};for(const attribute of attributes){result[attribute.name]=attribute.value;}return result;}// we need to store the information for multiple documents because a Svelte application could also contain iframes
|
|
9
|
+
*/function loop(callback){let task;if(tasks.size===0)raf(run_tasks);return {promise:new Promise(fulfill=>{tasks.add(task={c:callback,f:fulfill});}),abort(){tasks.delete(task);}};}function append(target,node){target.appendChild(node);}function get_root_for_style(node){if(!node)return document;const root=node.getRootNode?node.getRootNode():node.ownerDocument;if(root&&root.host){return root;}return node.ownerDocument;}function append_empty_stylesheet(node){const style_element=element('style');append_stylesheet(get_root_for_style(node),style_element);return style_element.sheet;}function append_stylesheet(node,style){append(node.head||node,style);return style.sheet;}function insert(target,node,anchor){target.insertBefore(node,anchor||null);}function detach(node){node.parentNode.removeChild(node);}function destroy_each(iterations,detaching){for(let i=0;i<iterations.length;i+=1){if(iterations[i])iterations[i].d(detaching);}}function element(name){return document.createElement(name);}function svg_element(name){return document.createElementNS('http://www.w3.org/2000/svg',name);}function text(data){return document.createTextNode(data);}function space(){return text(' ');}function empty(){return text('');}function listen(node,event,handler,options){node.addEventListener(event,handler,options);return ()=>node.removeEventListener(event,handler,options);}function attr(node,attribute,value){if(value==null)node.removeAttribute(attribute);else if(node.getAttribute(attribute)!==value)node.setAttribute(attribute,value);}function set_custom_element_data(node,prop,value){if(prop in node){node[prop]=typeof node[prop]==='boolean'&&value===''?true:value;}else {attr(node,prop,value);}}function children(element){return Array.from(element.childNodes);}function set_data(text,data){data=''+data;if(text.wholeText!==data)text.data=data;}function set_input_value(input,value){input.value=value==null?'':value;}function set_style(node,key,value,important){if(value===null){node.style.removeProperty(key);}else {node.style.setProperty(key,value,important?'important':'');}}function toggle_class(element,name,toggle){element.classList[toggle?'add':'remove'](name);}function custom_event(type,detail,{bubbles=false,cancelable=false}={}){const e=document.createEvent('CustomEvent');e.initCustomEvent(type,bubbles,cancelable,detail);return e;}function attribute_to_object(attributes){const result={};for(const attribute of attributes){result[attribute.name]=attribute.value;}return result;}// we need to store the information for multiple documents because a Svelte application could also contain iframes
|
|
10
10
|
// https://github.com/sveltejs/svelte/issues/3624
|
|
11
11
|
const managed_styles=new Map();let active=0;// https://github.com/darkskyapp/string-hash/blob/master/index.js
|
|
12
12
|
function hash(str){let hash=5381;let i=str.length;while(i--)hash=(hash<<5)-hash^str.charCodeAt(i);return hash>>>0;}function create_style_information(doc,node){const info={stylesheet:append_empty_stylesheet(node),rules:{}};managed_styles.set(doc,info);return info;}function create_rule(node,a,b,duration,delay,ease,fn,uid=0){const step=16.666/duration;let keyframes='{\n';for(let p=0;p<=1;p+=step){const t=a+(b-a)*ease(p);keyframes+=p*100+`%{${fn(t,1-t)}}\n`;}const rule=keyframes+`100% {${fn(b,1-b)}}\n}`;const name=`__svelte_${hash(rule)}_${uid}`;const doc=get_root_for_style(node);const{stylesheet,rules}=managed_styles.get(doc)||create_style_information(doc,node);if(!rules[name]){rules[name]=true;stylesheet.insertRule(`@keyframes ${name} ${rule}`,stylesheet.cssRules.length);}const animation=node.style.animation||'';node.style.animation=`${animation?`${animation}, `:''}${name} ${duration}ms linear ${delay}ms 1 both`;active+=1;return name;}function delete_rule(node,name){const previous=(node.style.animation||'').split(', ');const next=previous.filter(name?anim=>anim.indexOf(name)<0// remove specific animation
|
|
@@ -335,15 +335,15 @@ const newDirection=direction==="asc"?"desc":"asc";sortDir=newDirection==="asc"?1
|
|
|
335
335
|
const initialSortBy=heading.getAttribute("name");const initialDirection=heading["direction"];if(initialDirection&&initialDirection!=="none"){setTimeout(()=>{dispatch(heading,{sortBy:initialSortBy,sortDir:initialDirection==="asc"?1:-1});},10);}});}function table_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(6,_rootEl);});}$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(0,width=$$props.width);if('stickyheader'in $$props)$$invalidate(8,stickyheader=$$props.stickyheader);if('variant'in $$props)$$invalidate(1,variant=$$props.variant);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*stickyheader*/256){$$invalidate(7,_stickyHeader=toBoolean(stickyheader));}};return [width,variant,mt,mr,mb,ml,_rootEl,_stickyHeader,stickyheader,table_binding];}class Table extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{overflow-x:auto}table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{font:var(--goa-typography-body-m);padding:0.75rem 1rem;border-bottom:1px solid var(--goa-color-greyscale-200)}table .goa-table-number-column{font:var(--goa-typography-number-m);text-align:right}table.relaxed td{padding:1rem}th{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-secondary);padding:1rem;text-align:left;border-bottom:2px solid var(--goa-color-greyscale-600);vertical-align:bottom}th:has(goa-table-sort-header){padding:0}tfoot td{background-color:var(--goa-color-greyscale-100)}tfoot tr:first-child td{border-top:2px solid var(--goa-color-greyscale-200)}tfoot tr:last-child td{border-bottom:none}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$a,create_fragment$d,safe_not_equal,{width:0,stickyheader:8,variant:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","stickyheader","variant","mt","mr","mb","ml"];}get width(){return this.$$.ctx[0];}set width(width){this.$$set({width});flush();}get stickyheader(){return this.$$.ctx[8];}set stickyheader(stickyheader){this.$$set({stickyheader});flush();}get variant(){return this.$$.ctx[1];}set variant(variant){this.$$set({variant});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-table",Table);/* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */function create_else_block$3(ctx){let div;return {c(){div=element("div");div.innerHTML=`<goa-icon type="caret-up" size="small"></goa-icon>
|
|
336
336
|
<goa-icon type="caret-down" size="small"></goa-icon>`;attr(div,"class","direction--none");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (71:32)
|
|
337
337
|
function create_if_block_1$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-up");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (69:2) {#if direction === "desc"}
|
|
338
|
-
function create_if_block$5(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$c(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$5;if(/*direction*/ctx[0]==="asc")return create_if_block_1$4;return create_else_block$3;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$9($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$c,safe_not_equal,{direction:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */function create_fragment$b(ctx){let div;let textarea;let textarea_aria_label_value;let t;let div_style_value;let mounted;let dispose;return {c(){div=element("div");textarea=element("textarea");t=space();this.c=noop;attr(textarea,"name",/*name*/ctx[
|
|
338
|
+
function create_if_block$5(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$c(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$5;if(/*direction*/ctx[0]==="asc")return create_if_block_1$4;return create_else_block$3;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$9($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$c,safe_not_equal,{direction:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */function create_fragment$b(ctx){let div;let textarea;let textarea_aria_label_value;let t;let div_style_value;let mounted;let dispose;return {c(){div=element("div");textarea=element("textarea");t=space();this.c=noop;attr(textarea,"name",/*name*/ctx[1]);attr(textarea,"placeholder",/*placeholder*/ctx[2]);attr(textarea,"rows",/*rows*/ctx[3]);attr(textarea,"aria-label",textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1]);attr(textarea,"class","goa-textarea");textarea.disabled=/*isDisabled*/ctx[13];textarea.readOnly=/*isReadonly*/ctx[14];attr(textarea,"data-testid",/*testid*/ctx[4]);toggle_class(textarea,"error",/*isError*/ctx[15]);attr(div,"class","container");attr(div,"style",div_style_value=`
|
|
339
339
|
${calculateMargin(/*mt*/ctx[7],/*mr*/ctx[8],/*mb*/ctx[9],/*ml*/ctx[10])};
|
|
340
340
|
--width: ${/*width*/ctx[5]};
|
|
341
|
-
`);},m(target,anchor){insert(target,div,anchor);append(div,textarea);append(div,t);if(!mounted){dispose=listen(textarea,"
|
|
341
|
+
`);},m(target,anchor){insert(target,div,anchor);append(div,textarea);/*textarea_binding*/ctx[19](textarea);set_input_value(textarea,/*value*/ctx[0]);append(div,t);if(!mounted){dispose=listen(textarea,"input",/*textarea_input_handler*/ctx[20]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/2){attr(textarea,"name",/*name*/ctx[1]);}if(dirty&/*placeholder*/4){attr(textarea,"placeholder",/*placeholder*/ctx[2]);}if(dirty&/*rows*/8){attr(textarea,"rows",/*rows*/ctx[3]);}if(dirty&/*arialabel, name*/66&&textarea_aria_label_value!==(textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1])){attr(textarea,"aria-label",textarea_aria_label_value);}if(dirty&/*isDisabled*/8192){textarea.disabled=/*isDisabled*/ctx[13];}if(dirty&/*isReadonly*/16384){textarea.readOnly=/*isReadonly*/ctx[14];}if(dirty&/*testid*/16){attr(textarea,"data-testid",/*testid*/ctx[4]);}if(dirty&/*value*/1){set_input_value(textarea,/*value*/ctx[0]);}if(dirty&/*isError*/32768){toggle_class(textarea,"error",/*isError*/ctx[15]);}if(dirty&/*mt, mr, mb, ml, width*/1952&&div_style_value!==(div_style_value=`
|
|
342
342
|
${calculateMargin(/*mt*/ctx[7],/*mr*/ctx[8],/*mb*/ctx[9],/*ml*/ctx[10])};
|
|
343
343
|
--width: ${/*width*/ctx[5]};
|
|
344
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);mounted=false;dispose();}};}function instance$8($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;let{name}=$$props;let{value=""}=$$props;let{placeholder=""}=$$props;let{rows=3}=$$props;let{testid=""}=$$props;let{width="60ch"}=$$props;let{error="false"}=$$props;let{readonly="false"}=$$props;let{disabled="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{maxcharcount=0}=$$props
|
|
345
|
-
|
|
346
|
-
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$b,safe_not_equal,{name:
|
|
344
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*textarea_binding*/ctx[19](null);mounted=false;dispose();}};}function instance$8($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;let{name}=$$props;let{value=""}=$$props;let{placeholder=""}=$$props;let{rows=3}=$$props;let{testid=""}=$$props;let{width="60ch"}=$$props;let{error="false"}=$$props;let{readonly="false"}=$$props;let{disabled="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{maxcharcount=0}=$$props;let _textAreaEl;function textarea_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_textAreaEl=$$value;$$invalidate(12,_textAreaEl);});}function textarea_input_handler(){value=this.value;$$invalidate(0,value);}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('placeholder'in $$props)$$invalidate(2,placeholder=$$props.placeholder);if('rows'in $$props)$$invalidate(3,rows=$$props.rows);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);if('width'in $$props)$$invalidate(5,width=$$props.width);if('error'in $$props)$$invalidate(16,error=$$props.error);if('readonly'in $$props)$$invalidate(17,readonly=$$props.readonly);if('disabled'in $$props)$$invalidate(18,disabled=$$props.disabled);if('arialabel'in $$props)$$invalidate(6,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(7,mt=$$props.mt);if('mr'in $$props)$$invalidate(8,mr=$$props.mr);if('mb'in $$props)$$invalidate(9,mb=$$props.mb);if('ml'in $$props)$$invalidate(10,ml=$$props.ml);if('maxcharcount'in $$props)$$invalidate(11,maxcharcount=$$props.maxcharcount);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/65536){$$invalidate(15,isError=toBoolean(error));}if($$self.$$.dirty&/*disabled*/262144){$$invalidate(13,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*readonly*/131072){$$invalidate(14,isReadonly=toBoolean(readonly));}if($$self.$$.dirty&/*_textAreaEl, isDisabled, name, value*/12291){// $: showCounter = toBoolean(showcounter);
|
|
345
|
+
{if(_textAreaEl&&!isDisabled){_textAreaEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value}}));}}}};return [value,name,placeholder,rows,testid,width,arialabel,mt,mr,mb,ml,maxcharcount,_textAreaEl,isDisabled,isReadonly,isError,error,readonly,disabled,textarea_binding,textarea_input_handler];}class TextArea extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:0.75rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:1px solid var(--goa-color-greyscale-700);border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
346
|
+
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$b,safe_not_equal,{name:1,value:0,placeholder:2,rows:3,testid:4,width:5,error:16,readonly:17,disabled:18,arialabel:6,mt:7,mr:8,mb:9,ml:10,maxcharcount:11},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","placeholder","rows","testid","width","error","readonly","disabled","arialabel","mt","mr","mb","ml","maxcharcount"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get placeholder(){return this.$$.ctx[2];}set placeholder(placeholder){this.$$set({placeholder});flush();}get rows(){return this.$$.ctx[3];}set rows(rows){this.$$set({rows});flush();}get testid(){return this.$$.ctx[4];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get error(){return this.$$.ctx[16];}set error(error){this.$$set({error});flush();}get readonly(){return this.$$.ctx[17];}set readonly(readonly){this.$$set({readonly});flush();}get disabled(){return this.$$.ctx[18];}set disabled(disabled){this.$$set({disabled});flush();}get arialabel(){return this.$$.ctx[6];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[7];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[8];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[9];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[10];}set ml(ml){this.$$set({ml});flush();}get maxcharcount(){return this.$$.ctx[11];}set maxcharcount(maxcharcount){this.$$set({maxcharcount});flush();}}customElements.define("goa-textarea",TextArea);/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */function create_fragment$a(ctx){let div;return {c(){div=element("div");div.innerHTML=`<header class="header"><slot name="header"></slot></header>
|
|
347
347
|
|
|
348
348
|
<nav class="nav"><slot name="nav"></slot></nav>
|
|
349
349
|
|
package/react-components.umd.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
for(const k in src)tar[k]=src[k];return tar;}function run(fn){return fn();}function blank_object(){return Object.create(null);}function run_all(fns){fns.forEach(run);}function is_function(thing){return typeof thing==='function';}function safe_not_equal(a,b){return a!=a?b==b:a!==b||a&&typeof a==='object'||typeof a==='function';}let src_url_equal_anchor;function src_url_equal(element_src,url){if(!src_url_equal_anchor){src_url_equal_anchor=document.createElement('a');}src_url_equal_anchor.href=url;return element_src===src_url_equal_anchor.href;}function is_empty(obj){return Object.keys(obj).length===0;}function subscribe(store,...callbacks){if(store==null){return noop;}const unsub=store.subscribe(...callbacks);return unsub.unsubscribe?()=>unsub.unsubscribe():unsub;}function component_subscribe(component,store,callback){component.$$.on_destroy.push(subscribe(store,callback));}function action_destroyer(action_result){return action_result&&is_function(action_result.destroy)?action_result.destroy:noop;}const is_client=typeof window!=='undefined';let now=is_client?()=>window.performance.now():()=>Date.now();let raf=is_client?cb=>requestAnimationFrame(cb):noop;const tasks=new Set();function run_tasks(now){tasks.forEach(task=>{if(!task.c(now)){tasks.delete(task);task.f();}});if(tasks.size!==0)raf(run_tasks);}/**
|
|
9
9
|
* Creates a new task that runs on each raf frame
|
|
10
10
|
* until it returns a falsy value or is aborted
|
|
11
|
-
*/function loop(callback){let task;if(tasks.size===0)raf(run_tasks);return {promise:new Promise(fulfill=>{tasks.add(task={c:callback,f:fulfill});}),abort(){tasks.delete(task);}};}function append(target,node){target.appendChild(node);}function get_root_for_style(node){if(!node)return document;const root=node.getRootNode?node.getRootNode():node.ownerDocument;if(root&&root.host){return root;}return node.ownerDocument;}function append_empty_stylesheet(node){const style_element=element('style');append_stylesheet(get_root_for_style(node),style_element);return style_element.sheet;}function append_stylesheet(node,style){append(node.head||node,style);return style.sheet;}function insert(target,node,anchor){target.insertBefore(node,anchor||null);}function detach(node){node.parentNode.removeChild(node);}function destroy_each(iterations,detaching){for(let i=0;i<iterations.length;i+=1){if(iterations[i])iterations[i].d(detaching);}}function element(name){return document.createElement(name);}function svg_element(name){return document.createElementNS('http://www.w3.org/2000/svg',name);}function text(data){return document.createTextNode(data);}function space(){return text(' ');}function empty(){return text('');}function listen(node,event,handler,options){node.addEventListener(event,handler,options);return ()=>node.removeEventListener(event,handler,options);}function attr(node,attribute,value){if(value==null)node.removeAttribute(attribute);else if(node.getAttribute(attribute)!==value)node.setAttribute(attribute,value);}function set_custom_element_data(node,prop,value){if(prop in node){node[prop]=typeof node[prop]==='boolean'&&value===''?true:value;}else {attr(node,prop,value);}}function children(element){return Array.from(element.childNodes);}function set_data(text,data){data=''+data;if(text.wholeText!==data)text.data=data;}function set_style(node,key,value,important){if(value===null){node.style.removeProperty(key);}else {node.style.setProperty(key,value,important?'important':'');}}function toggle_class(element,name,toggle){element.classList[toggle?'add':'remove'](name);}function custom_event(type,detail,{bubbles=false,cancelable=false}={}){const e=document.createEvent('CustomEvent');e.initCustomEvent(type,bubbles,cancelable,detail);return e;}function attribute_to_object(attributes){const result={};for(const attribute of attributes){result[attribute.name]=attribute.value;}return result;}// we need to store the information for multiple documents because a Svelte application could also contain iframes
|
|
11
|
+
*/function loop(callback){let task;if(tasks.size===0)raf(run_tasks);return {promise:new Promise(fulfill=>{tasks.add(task={c:callback,f:fulfill});}),abort(){tasks.delete(task);}};}function append(target,node){target.appendChild(node);}function get_root_for_style(node){if(!node)return document;const root=node.getRootNode?node.getRootNode():node.ownerDocument;if(root&&root.host){return root;}return node.ownerDocument;}function append_empty_stylesheet(node){const style_element=element('style');append_stylesheet(get_root_for_style(node),style_element);return style_element.sheet;}function append_stylesheet(node,style){append(node.head||node,style);return style.sheet;}function insert(target,node,anchor){target.insertBefore(node,anchor||null);}function detach(node){node.parentNode.removeChild(node);}function destroy_each(iterations,detaching){for(let i=0;i<iterations.length;i+=1){if(iterations[i])iterations[i].d(detaching);}}function element(name){return document.createElement(name);}function svg_element(name){return document.createElementNS('http://www.w3.org/2000/svg',name);}function text(data){return document.createTextNode(data);}function space(){return text(' ');}function empty(){return text('');}function listen(node,event,handler,options){node.addEventListener(event,handler,options);return ()=>node.removeEventListener(event,handler,options);}function attr(node,attribute,value){if(value==null)node.removeAttribute(attribute);else if(node.getAttribute(attribute)!==value)node.setAttribute(attribute,value);}function set_custom_element_data(node,prop,value){if(prop in node){node[prop]=typeof node[prop]==='boolean'&&value===''?true:value;}else {attr(node,prop,value);}}function children(element){return Array.from(element.childNodes);}function set_data(text,data){data=''+data;if(text.wholeText!==data)text.data=data;}function set_input_value(input,value){input.value=value==null?'':value;}function set_style(node,key,value,important){if(value===null){node.style.removeProperty(key);}else {node.style.setProperty(key,value,important?'important':'');}}function toggle_class(element,name,toggle){element.classList[toggle?'add':'remove'](name);}function custom_event(type,detail,{bubbles=false,cancelable=false}={}){const e=document.createEvent('CustomEvent');e.initCustomEvent(type,bubbles,cancelable,detail);return e;}function attribute_to_object(attributes){const result={};for(const attribute of attributes){result[attribute.name]=attribute.value;}return result;}// we need to store the information for multiple documents because a Svelte application could also contain iframes
|
|
12
12
|
// https://github.com/sveltejs/svelte/issues/3624
|
|
13
13
|
const managed_styles=new Map();let active=0;// https://github.com/darkskyapp/string-hash/blob/master/index.js
|
|
14
14
|
function hash(str){let hash=5381;let i=str.length;while(i--)hash=(hash<<5)-hash^str.charCodeAt(i);return hash>>>0;}function create_style_information(doc,node){const info={stylesheet:append_empty_stylesheet(node),rules:{}};managed_styles.set(doc,info);return info;}function create_rule(node,a,b,duration,delay,ease,fn,uid=0){const step=16.666/duration;let keyframes='{\n';for(let p=0;p<=1;p+=step){const t=a+(b-a)*ease(p);keyframes+=p*100+`%{${fn(t,1-t)}}\n`;}const rule=keyframes+`100% {${fn(b,1-b)}}\n}`;const name=`__svelte_${hash(rule)}_${uid}`;const doc=get_root_for_style(node);const{stylesheet,rules}=managed_styles.get(doc)||create_style_information(doc,node);if(!rules[name]){rules[name]=true;stylesheet.insertRule(`@keyframes ${name} ${rule}`,stylesheet.cssRules.length);}const animation=node.style.animation||'';node.style.animation=`${animation?`${animation}, `:''}${name} ${duration}ms linear ${delay}ms 1 both`;active+=1;return name;}function delete_rule(node,name){const previous=(node.style.animation||'').split(', ');const next=previous.filter(name?anim=>anim.indexOf(name)<0// remove specific animation
|
|
@@ -337,15 +337,15 @@
|
|
|
337
337
|
const content=slot.assignedElements()[0].querySelectorAll("template table > *");_rootEl.append(...(content.length>0?content:slot.assignedElements()));});function table_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_rootEl=$$value;$$invalidate(6,_rootEl);});}$$self.$$set=$$props=>{if('width'in $$props)$$invalidate(0,width=$$props.width);if('stickyheader'in $$props)$$invalidate(8,stickyheader=$$props.stickyheader);if('variant'in $$props)$$invalidate(1,variant=$$props.variant);if('mt'in $$props)$$invalidate(2,mt=$$props.mt);if('mr'in $$props)$$invalidate(3,mr=$$props.mr);if('mb'in $$props)$$invalidate(4,mb=$$props.mb);if('ml'in $$props)$$invalidate(5,ml=$$props.ml);};$$self.$$.update=()=>{if($$self.$$.dirty&/*stickyheader*/256){$$invalidate(7,_stickyHeader=toBoolean(stickyheader));}};return [width,variant,mt,mr,mb,ml,_rootEl,_stickyHeader,stickyheader,table_binding];}class Table extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{overflow-x:auto}table{border-collapse:collapse}table.sticky{position:relative}table.sticky thead{position:sticky;top:0}td{font:var(--goa-typography-body-m);padding:0.75rem 1rem;border-bottom:1px solid var(--goa-color-greyscale-200)}table .goa-table-number-column{font:var(--goa-typography-number-m);text-align:right}table.relaxed td{padding:1rem}th{background-color:var(--goa-color-greyscale-white);color:var(--goa-color-text-secondary);padding:1rem;text-align:left;border-bottom:2px solid var(--goa-color-greyscale-600);vertical-align:bottom}th:has(goa-table-sort-header){padding:0}tfoot td{background-color:var(--goa-color-greyscale-100)}tfoot tr:first-child td{border-top:2px solid var(--goa-color-greyscale-200)}tfoot tr:last-child td{border-bottom:none}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$a,create_fragment$d,safe_not_equal,{width:0,stickyheader:8,variant:1,mt:2,mr:3,mb:4,ml:5},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["width","stickyheader","variant","mt","mr","mb","ml"];}get width(){return this.$$.ctx[0];}set width(width){this.$$set({width});flush();}get stickyheader(){return this.$$.ctx[8];}set stickyheader(stickyheader){this.$$set({stickyheader});flush();}get variant(){return this.$$.ctx[1];}set variant(variant){this.$$set({variant});flush();}get mt(){return this.$$.ctx[2];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[3];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[4];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[5];}set ml(ml){this.$$set({ml});flush();}}customElements.define("goa-table",Table);/* libs/web-components/src/components/table/TableSortHeader.svelte generated by Svelte v3.51.0 */function create_else_block$3(ctx){let div;return {c(){div=element("div");div.innerHTML=`<goa-icon type="caret-up" size="small"></goa-icon>
|
|
338
338
|
<goa-icon type="caret-down" size="small"></goa-icon>`;attr(div,"class","direction--none");},m(target,anchor){insert(target,div,anchor);},d(detaching){if(detaching)detach(div);}};}// (71:32)
|
|
339
339
|
function create_if_block_1$4(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-up");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}// (69:2) {#if direction === "desc"}
|
|
340
|
-
function create_if_block$5(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$c(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$5;if(/*direction*/ctx[0]==="asc")return create_if_block_1$4;return create_else_block$3;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$9($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$c,safe_not_equal,{direction:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */function create_fragment$b(ctx){let div;let textarea;let textarea_aria_label_value;let t;let div_style_value;let mounted;let dispose;return {c(){div=element("div");textarea=element("textarea");t=space();this.c=noop;attr(textarea,"name",/*name*/ctx[
|
|
340
|
+
function create_if_block$5(ctx){let goa_icon;return {c(){goa_icon=element("goa-icon");set_custom_element_data(goa_icon,"type","caret-down");set_custom_element_data(goa_icon,"size","small");},m(target,anchor){insert(target,goa_icon,anchor);},d(detaching){if(detaching)detach(goa_icon);}};}function create_fragment$c(ctx){let button;let slot;let t;function select_block_type(ctx,dirty){if(/*direction*/ctx[0]==="desc")return create_if_block$5;if(/*direction*/ctx[0]==="asc")return create_if_block_1$4;return create_else_block$3;}let current_block_type=select_block_type(ctx);let if_block=current_block_type(ctx);return {c(){button=element("button");slot=element("slot");t=space();if_block.c();this.c=noop;},m(target,anchor){insert(target,button,anchor);append(button,slot);append(button,t);if_block.m(button,null);},p(ctx,[dirty]){if(current_block_type!==(current_block_type=select_block_type(ctx))){if_block.d(1);if_block=current_block_type(ctx);if(if_block){if_block.c();if_block.m(button,null);}}},i:noop,o:noop,d(detaching){if(detaching)detach(button);if_block.d();}};}function instance$9($$self,$$props,$$invalidate){let{direction="none"}=$$props;$$self.$$set=$$props=>{if('direction'in $$props)$$invalidate(0,direction=$$props.direction);};return [direction];}class TableSortHeader extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{display:flex;align-items:flex-end}button{border:none;background:none;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;width:100%;height:3.75rem;align-items:center;padding:0 1rem;text-align:left;gap:0.25rem;align-items:center}button:hover{background-color:var(--goa-color-greyscale-100);cursor:pointer;color:var(--goa-color-interactive-hover)}button goa-icon{color:var(--goa-color-interactive-default)}button:hover goa-icon{color:var(--goa-color-interactive-hover)}button .direction--none goa-icon{color:var(--goa-color-greyscale-400)}button:hover .direction--none goa-icon{color:var(--goa-color-greyscale-400)}goa-icon{scale:0.8}.direction--none goa-icon{height:0.625rem}.direction--none{display:inline-flex;flex-direction:column;align-items:center}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$9,create_fragment$c,safe_not_equal,{direction:0},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["direction"];}get direction(){return this.$$.ctx[0];}set direction(direction){this.$$set({direction});flush();}}customElements.define("goa-table-sort-header",TableSortHeader);/* libs/web-components/src/components/text-area/TextArea.svelte generated by Svelte v3.51.0 */function create_fragment$b(ctx){let div;let textarea;let textarea_aria_label_value;let t;let div_style_value;let mounted;let dispose;return {c(){div=element("div");textarea=element("textarea");t=space();this.c=noop;attr(textarea,"name",/*name*/ctx[1]);attr(textarea,"placeholder",/*placeholder*/ctx[2]);attr(textarea,"rows",/*rows*/ctx[3]);attr(textarea,"aria-label",textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1]);attr(textarea,"class","goa-textarea");textarea.disabled=/*isDisabled*/ctx[13];textarea.readOnly=/*isReadonly*/ctx[14];attr(textarea,"data-testid",/*testid*/ctx[4]);toggle_class(textarea,"error",/*isError*/ctx[15]);attr(div,"class","container");attr(div,"style",div_style_value=`
|
|
341
341
|
${calculateMargin(/*mt*/ctx[7],/*mr*/ctx[8],/*mb*/ctx[9],/*ml*/ctx[10])};
|
|
342
342
|
--width: ${/*width*/ctx[5]};
|
|
343
|
-
`);},m(target,anchor){insert(target,div,anchor);append(div,textarea);append(div,t);if(!mounted){dispose=listen(textarea,"
|
|
343
|
+
`);},m(target,anchor){insert(target,div,anchor);append(div,textarea);/*textarea_binding*/ctx[19](textarea);set_input_value(textarea,/*value*/ctx[0]);append(div,t);if(!mounted){dispose=listen(textarea,"input",/*textarea_input_handler*/ctx[20]);mounted=true;}},p(ctx,[dirty]){if(dirty&/*name*/2){attr(textarea,"name",/*name*/ctx[1]);}if(dirty&/*placeholder*/4){attr(textarea,"placeholder",/*placeholder*/ctx[2]);}if(dirty&/*rows*/8){attr(textarea,"rows",/*rows*/ctx[3]);}if(dirty&/*arialabel, name*/66&&textarea_aria_label_value!==(textarea_aria_label_value=/*arialabel*/ctx[6]||/*name*/ctx[1])){attr(textarea,"aria-label",textarea_aria_label_value);}if(dirty&/*isDisabled*/8192){textarea.disabled=/*isDisabled*/ctx[13];}if(dirty&/*isReadonly*/16384){textarea.readOnly=/*isReadonly*/ctx[14];}if(dirty&/*testid*/16){attr(textarea,"data-testid",/*testid*/ctx[4]);}if(dirty&/*value*/1){set_input_value(textarea,/*value*/ctx[0]);}if(dirty&/*isError*/32768){toggle_class(textarea,"error",/*isError*/ctx[15]);}if(dirty&/*mt, mr, mb, ml, width*/1952&&div_style_value!==(div_style_value=`
|
|
344
344
|
${calculateMargin(/*mt*/ctx[7],/*mr*/ctx[8],/*mb*/ctx[9],/*ml*/ctx[10])};
|
|
345
345
|
--width: ${/*width*/ctx[5]};
|
|
346
|
-
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);mounted=false;dispose();}};}function instance$8($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;let{name}=$$props;let{value=""}=$$props;let{placeholder=""}=$$props;let{rows=3}=$$props;let{testid=""}=$$props;let{width="60ch"}=$$props;let{error="false"}=$$props;let{readonly="false"}=$$props;let{disabled="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{maxcharcount=0}=$$props
|
|
347
|
-
|
|
348
|
-
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$b,safe_not_equal,{name:
|
|
346
|
+
`)){attr(div,"style",div_style_value);}},i:noop,o:noop,d(detaching){if(detaching)detach(div);/*textarea_binding*/ctx[19](null);mounted=false;dispose();}};}function instance$8($$self,$$props,$$invalidate){let isError;let isDisabled;let isReadonly;let{name}=$$props;let{value=""}=$$props;let{placeholder=""}=$$props;let{rows=3}=$$props;let{testid=""}=$$props;let{width="60ch"}=$$props;let{error="false"}=$$props;let{readonly="false"}=$$props;let{disabled="false"}=$$props;let{arialabel=""}=$$props;let{mt=null}=$$props;let{mr=null}=$$props;let{mb=null}=$$props;let{ml=null}=$$props;let{maxcharcount=0}=$$props;let _textAreaEl;function textarea_binding($$value){binding_callbacks[$$value?'unshift':'push'](()=>{_textAreaEl=$$value;$$invalidate(12,_textAreaEl);});}function textarea_input_handler(){value=this.value;$$invalidate(0,value);}$$self.$$set=$$props=>{if('name'in $$props)$$invalidate(1,name=$$props.name);if('value'in $$props)$$invalidate(0,value=$$props.value);if('placeholder'in $$props)$$invalidate(2,placeholder=$$props.placeholder);if('rows'in $$props)$$invalidate(3,rows=$$props.rows);if('testid'in $$props)$$invalidate(4,testid=$$props.testid);if('width'in $$props)$$invalidate(5,width=$$props.width);if('error'in $$props)$$invalidate(16,error=$$props.error);if('readonly'in $$props)$$invalidate(17,readonly=$$props.readonly);if('disabled'in $$props)$$invalidate(18,disabled=$$props.disabled);if('arialabel'in $$props)$$invalidate(6,arialabel=$$props.arialabel);if('mt'in $$props)$$invalidate(7,mt=$$props.mt);if('mr'in $$props)$$invalidate(8,mr=$$props.mr);if('mb'in $$props)$$invalidate(9,mb=$$props.mb);if('ml'in $$props)$$invalidate(10,ml=$$props.ml);if('maxcharcount'in $$props)$$invalidate(11,maxcharcount=$$props.maxcharcount);};$$self.$$.update=()=>{if($$self.$$.dirty&/*error*/65536){$$invalidate(15,isError=toBoolean(error));}if($$self.$$.dirty&/*disabled*/262144){$$invalidate(13,isDisabled=toBoolean(disabled));}if($$self.$$.dirty&/*readonly*/131072){$$invalidate(14,isReadonly=toBoolean(readonly));}if($$self.$$.dirty&/*_textAreaEl, isDisabled, name, value*/12291){// $: showCounter = toBoolean(showcounter);
|
|
347
|
+
{if(_textAreaEl&&!isDisabled){_textAreaEl.dispatchEvent(new CustomEvent("_change",{composed:true,bubbles:false,cancelable:true,detail:{name,value}}));}}}};return [value,name,placeholder,rows,testid,width,arialabel,mt,mr,mb,ml,maxcharcount,_textAreaEl,isDisabled,isReadonly,isError,error,readonly,disabled,textarea_binding,textarea_input_handler];}class TextArea extends SvelteElement{constructor(options){super();this.shadowRoot.innerHTML=`<style>:host{--textarea-padding-vertical:0.625rem;--textarea-padding-horizontal:0.75rem;box-sizing:border-box;font-family:var(--goa-font-family-sans)}.container{position:relative;width:100%}@media(min-width: 640px){.container{max-width:var(--width)}}.goa-textarea{display:block;width:100%;box-sizing:border-box;outline:none;border:1px solid var(--goa-color-greyscale-700);border-radius:3px;color:var(--goa-color-greyscale-black, #ccc);padding:var(--textarea-padding-vertical) var(--textarea-padding-horizontal);font-size:var(--goa-font-size-4);font-family:var(--goa-font-family-sans);min-width:100%;resize:vertical}@media(min-width: 640px){.goa-textarea{min-width:0;width:var(--width)}}.goa-textarea[readonly]{cursor:pointer}.goa-textarea:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-hover)}.goa-textarea:active,.goa-textarea:focus,.goa-textarea:focus-within{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}.goa-textarea:disabled,.goa-textarea:disabled:hover,.goa-textarea:disabled:active,.goa-textarea:disabled:focus{background-color:var(--goa-color-greyscale-100);border-color:var(--goa-color-greyscale-200);cursor:default;box-shadow:none}.counter{position:absolute;right:0;padding-top:0.25rem;font-size:var(--goa-font-size-2)}.counter-error{color:var(--goa-color-interactive-error)
|
|
348
|
+
}.error{border:var(--goa-border-width-m) solid var(--goa-color-interactive-error);box-shadow:0 0 0 var(--goa-border-width-s) var(--goa-color-interactive-error)}.error:hover{box-shadow:0 0 0 var(--goa-border-width-m) var(--goa-color-interactive-error)}.error:active,.error:focus{box-shadow:0 0 0 var(--goa-border-width-l) var(--goa-color-interactive-focus)}</style>`;init(this,{target:this.shadowRoot,props:attribute_to_object(this.attributes),customElement:true},instance$8,create_fragment$b,safe_not_equal,{name:1,value:0,placeholder:2,rows:3,testid:4,width:5,error:16,readonly:17,disabled:18,arialabel:6,mt:7,mr:8,mb:9,ml:10,maxcharcount:11},null);if(options){if(options.target){insert(options.target,this,options.anchor);}if(options.props){this.$set(options.props);flush();}}}static get observedAttributes(){return ["name","value","placeholder","rows","testid","width","error","readonly","disabled","arialabel","mt","mr","mb","ml","maxcharcount"];}get name(){return this.$$.ctx[1];}set name(name){this.$$set({name});flush();}get value(){return this.$$.ctx[0];}set value(value){this.$$set({value});flush();}get placeholder(){return this.$$.ctx[2];}set placeholder(placeholder){this.$$set({placeholder});flush();}get rows(){return this.$$.ctx[3];}set rows(rows){this.$$set({rows});flush();}get testid(){return this.$$.ctx[4];}set testid(testid){this.$$set({testid});flush();}get width(){return this.$$.ctx[5];}set width(width){this.$$set({width});flush();}get error(){return this.$$.ctx[16];}set error(error){this.$$set({error});flush();}get readonly(){return this.$$.ctx[17];}set readonly(readonly){this.$$set({readonly});flush();}get disabled(){return this.$$.ctx[18];}set disabled(disabled){this.$$set({disabled});flush();}get arialabel(){return this.$$.ctx[6];}set arialabel(arialabel){this.$$set({arialabel});flush();}get mt(){return this.$$.ctx[7];}set mt(mt){this.$$set({mt});flush();}get mr(){return this.$$.ctx[8];}set mr(mr){this.$$set({mr});flush();}get mb(){return this.$$.ctx[9];}set mb(mb){this.$$set({mb});flush();}get ml(){return this.$$.ctx[10];}set ml(ml){this.$$set({ml});flush();}get maxcharcount(){return this.$$.ctx[11];}set maxcharcount(maxcharcount){this.$$set({maxcharcount});flush();}}customElements.define("goa-textarea",TextArea);/* libs/web-components/src/layouts/FullScreenNavbarLayout.svelte generated by Svelte v3.51.0 */function create_fragment$a(ctx){let div;return {c(){div=element("div");div.innerHTML=`<header class="header"><slot name="header"></slot></header>
|
|
349
349
|
|
|
350
350
|
<nav class="nav"><slot name="nav"></slot></nav>
|
|
351
351
|
|