@aurodesignsystem-dev/auro-formkit 0.0.0-pr1095.1 → 0.0.0-pr1096.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/combobox/demo/api.min.js +76 -50
- package/components/combobox/demo/index.min.js +76 -50
- package/components/combobox/dist/index.js +18 -3
- package/components/combobox/dist/registered.js +18 -3
- package/components/counter/demo/api.min.js +98 -66
- package/components/counter/demo/index.min.js +98 -66
- package/components/counter/dist/index.js +17 -2
- package/components/counter/dist/registered.js +17 -2
- package/components/datepicker/demo/api.min.js +196 -170
- package/components/datepicker/demo/index.min.js +196 -170
- package/components/datepicker/dist/index.js +17 -2
- package/components/datepicker/dist/registered.js +17 -2
- package/components/dropdown/demo/api.min.js +47 -15
- package/components/dropdown/demo/index.min.js +47 -15
- package/components/dropdown/dist/auro-dropdown.d.ts +2 -0
- package/components/dropdown/dist/index.js +17 -2
- package/components/dropdown/dist/registered.js +17 -2
- package/components/select/demo/api.min.js +73 -41
- package/components/select/demo/index.min.js +73 -41
- package/components/select/dist/index.js +18 -3
- package/components/select/dist/registered.js +18 -3
- package/package.json +1 -1
|
@@ -3,46 +3,46 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const t$2=globalThis,e$
|
|
6
|
+
const t$2=globalThis,e$5=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$4=Symbol(),o$7=new WeakMap;let n$5 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$4)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$5&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$7.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$7.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$5("string"==typeof t?t:t+"",void 0,s$4),i$5=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$5(o,t,s$4)},S$1=(s,o)=>{if(e$5)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$3=e$5?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2017 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/const{is:i$4,defineProperty:e$
|
|
12
|
+
*/const{is:i$4,defineProperty:e$4,getOwnPropertyDescriptor:h$3,getOwnPropertyNames:r$2,getOwnPropertySymbols:o$6,getPrototypeOf:n$4}=Object,a$2=globalThis,c$2=a$2.trustedTypes,l$2=c$2?c$2.emptyScript:"",p$1=a$2.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$2:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$3=(t,s)=>!i$4(t,s),b={attribute:true,type:String,converter:u$2,reflect:false,useDefault:false,hasChanged:f$3};Symbol.metadata??=Symbol("metadata"),a$2.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$4(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$3(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$4(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$2(t),...o$6(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$3(s));}else void 0!==s&&i.push(c$3(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$2).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f$3)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$2.reactiveElementVersions??=[]).push("2.1.1");
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
15
|
* @license
|
|
16
16
|
* Copyright 2017 Google LLC
|
|
17
17
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
18
|
*/
|
|
19
|
-
const t$1=globalThis,i$3=t$1.trustedTypes,s$
|
|
19
|
+
const t$1=globalThis,i$3=t$1.trustedTypes,s$3=i$3?i$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$3="$lit$",h$2=`lit$${Math.random().toFixed(9).slice(2)}$`,o$5="?"+h$2,n$3=`<${o$5}>`,r$1=document,l$1=()=>r$1.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1=Array.isArray,u$1=t=>a$1(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$1.createTreeWalker(r$1,129);function P(t,i){if(!a$1(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$3?s$3.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f$2:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$3:d>=0?(o.push(a),s.slice(0,d)+e$3+s.slice(d)+h$2+x):s+h$2+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$3)){const i=v[a++],s=r.getAttribute(t).split(h$2),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h$2)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h$2),s=t.length-1;if(s>0){r.textContent=i$3?i$3.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$1()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$1());}}}else if(8===r.nodeType)if(r.data===o$5)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$2,t+1));)d.push({type:7,index:c}),t+=h$2.length-1;}c++;}}static createElement(t,i){const s=r$1.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$1).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$1,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c$1(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$1(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c$1(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a$1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$1()),this.O(l$1()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c$1(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c$1(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.3.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l$1(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/const s$
|
|
25
|
+
*/const s$2=globalThis;let i$2 = class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}};i$2._$litElement$=true,i$2["finalized"]=true,s$2.litElementHydrateSupport?.({LitElement:i$2});const o$4=s$2.litElementPolyfillSupport;o$4?.({LitElement:i$2});(s$2.litElementVersions??=[]).push("4.2.1");
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
31
|
*/
|
|
32
|
-
const t={ATTRIBUTE:1},e$
|
|
32
|
+
const t={ATTRIBUTE:1,CHILD:2},e$2=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* @license
|
|
36
36
|
* Copyright 2018 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
38
|
-
*/const e=e$
|
|
38
|
+
*/const e$1=e$2(class extends i$1{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* @license
|
|
42
42
|
* Copyright 2020 Google LLC
|
|
43
43
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
44
|
*/
|
|
45
|
-
const a=Symbol.for(""),o$
|
|
45
|
+
const a=Symbol.for(""),o$3=t=>{if(t?.r===a)return t?._$litStatic$},s$1=t=>({_$litStatic$:t,r:a}),i=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a}),l=new Map,n$2=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$3(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l.get(t))&&(n.raw=n,l.set(t,r=n)),e=u;}return t(r,...e)},u=n$2(x);
|
|
46
46
|
|
|
47
47
|
let AuroElement$4 = class AuroElement extends i$2 {
|
|
48
48
|
static get properties() {
|
|
@@ -1040,7 +1040,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1040
1040
|
*/
|
|
1041
1041
|
generateTag(baseName, version, tagClass) {
|
|
1042
1042
|
const elementName = this.generateElementName(baseName, version);
|
|
1043
|
-
const tag = i`${s(elementName)}`;
|
|
1043
|
+
const tag = i`${s$1(elementName)}`;
|
|
1044
1044
|
|
|
1045
1045
|
if (!customElements.get(elementName)) {
|
|
1046
1046
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -1050,6 +1050,24 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1050
1050
|
}
|
|
1051
1051
|
};
|
|
1052
1052
|
|
|
1053
|
+
/**
|
|
1054
|
+
* @license
|
|
1055
|
+
* Copyright 2020 Google LLC
|
|
1056
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1057
|
+
*/const f$1=o=>void 0===o.strings;
|
|
1058
|
+
|
|
1059
|
+
/**
|
|
1060
|
+
* @license
|
|
1061
|
+
* Copyright 2017 Google LLC
|
|
1062
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1063
|
+
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return false;for(const i of e)i._$AO?.(t,false),s(i,t);return true},o$2=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h$1(i){ void 0!==this._$AN?(o$2(this),this._$AM=i,r(this)):this._$AM=i;}function n$1(i,t=false,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],false),o$2(r[i]);else null!=r&&(s(r,false),o$2(r));else s(this,i);}const c=i=>{i.type==t.CHILD&&(i._$AP??=n$1,i._$AQ??=h$1);};class f extends i$1{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r(this),this.isConnected=i._$AU;}_$AO(i,t=true){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$2(this));}setValue(t){if(f$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
|
|
1064
|
+
|
|
1065
|
+
/**
|
|
1066
|
+
* @license
|
|
1067
|
+
* Copyright 2020 Google LLC
|
|
1068
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1069
|
+
*/const e=()=>new h;class h{}const o$1=new WeakMap,n=e$2(class extends f{render(i){return E}update(i,[s]){const e=s!==this.G;return e&&void 0!==this.G&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=s,this.ht=i.options?.host,this.rt(this.ct=i.element)),E}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const i=this.ht??globalThis;let s=o$1.get(i);void 0===s&&(s=new WeakMap,o$1.set(i,s)),void 0!==s.get(this.G)&&this.G.call(this.ht,void 0),s.set(this.G,t),void 0!==t&&this.G.call(this.ht,t);}else this.G.value=t;}get lt(){return "function"==typeof this.G?o$1.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0);}reconnected(){this.rt(this.ct);}});
|
|
1070
|
+
|
|
1053
1071
|
/**
|
|
1054
1072
|
* @license
|
|
1055
1073
|
* Copyright 2018 Google LLC
|
|
@@ -3593,7 +3611,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
3593
3611
|
*/
|
|
3594
3612
|
generateTag(baseName, version, tagClass) {
|
|
3595
3613
|
const elementName = this.generateElementName(baseName, version);
|
|
3596
|
-
const tag = i`${s(elementName)}`;
|
|
3614
|
+
const tag = i`${s$1(elementName)}`;
|
|
3597
3615
|
|
|
3598
3616
|
if (!customElements.get(elementName)) {
|
|
3599
3617
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -3984,7 +4002,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3984
4002
|
return x`
|
|
3985
4003
|
<div class="componentWrapper">
|
|
3986
4004
|
<div
|
|
3987
|
-
class="${e(svgClasses)}"
|
|
4005
|
+
class="${e$1(svgClasses)}"
|
|
3988
4006
|
title="${o(this.title || undefined)}">
|
|
3989
4007
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
3990
4008
|
${this.customSvg ? x`
|
|
@@ -3996,7 +4014,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3996
4014
|
</span>
|
|
3997
4015
|
</div>
|
|
3998
4016
|
|
|
3999
|
-
<div class="${e(labelClasses)}">
|
|
4017
|
+
<div class="${e$1(labelClasses)}">
|
|
4000
4018
|
<slot></slot>
|
|
4001
4019
|
</div>
|
|
4002
4020
|
</div>
|
|
@@ -4196,7 +4214,7 @@ class AuroDropdownBib extends i$2 {
|
|
|
4196
4214
|
classes[`shape-${this.shape}`] = true;
|
|
4197
4215
|
|
|
4198
4216
|
return u`
|
|
4199
|
-
<div class="${e(classes)}" part="bibContainer">
|
|
4217
|
+
<div class="${e$1(classes)}" part="bibContainer">
|
|
4200
4218
|
<slot></slot>
|
|
4201
4219
|
</div>
|
|
4202
4220
|
`;
|
|
@@ -4209,7 +4227,7 @@ var shapeSizeCss = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
|
|
|
4209
4227
|
|
|
4210
4228
|
var colorCss$1$2 = i$5`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([ondark])) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark]) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
4211
4229
|
|
|
4212
|
-
var styleCss$1$2 = i$5`:host{position:relative;display:block;text-align:left;transform:translateZ(0)}:host([open]){z-index:var(--depth-tooltip, 400)}:host([open][isbibfullscreen]){position:fixed;top:0;left:0}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4230
|
+
var styleCss$1$2 = i$5`:host{position:relative;display:block;text-align:left;transform:translateZ(0)}[popover=manual]{overflow:visible;padding:0;border:inherit;margin:0;background:inherit;outline:inherit}:host([open]){z-index:var(--depth-tooltip, 400)}:host([open][isbibfullscreen]){position:fixed;top:0;left:0}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4213
4231
|
|
|
4214
4232
|
var classicColorCss = i$5``;
|
|
4215
4233
|
|
|
@@ -4567,6 +4585,9 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
4567
4585
|
/** @private */
|
|
4568
4586
|
this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
|
|
4569
4587
|
|
|
4588
|
+
/** @private */
|
|
4589
|
+
this.bibElement = e();
|
|
4590
|
+
|
|
4570
4591
|
this.privateDefaults();
|
|
4571
4592
|
}
|
|
4572
4593
|
|
|
@@ -5003,6 +5024,14 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
5003
5024
|
if (changedProperties.size === 0 || changedProperties.has('isPopoverVisible')) {
|
|
5004
5025
|
this.handleTriggerContentSlotChange();
|
|
5005
5026
|
}
|
|
5027
|
+
|
|
5028
|
+
if (changedProperties.has('isPopoverVisible') && this.bibElement.value) {
|
|
5029
|
+
if (this.isPopoverVisible) {
|
|
5030
|
+
this.bibElement.value.showPopover();
|
|
5031
|
+
} else {
|
|
5032
|
+
this.bibElement.value.hidePopover();
|
|
5033
|
+
}
|
|
5034
|
+
}
|
|
5006
5035
|
}
|
|
5007
5036
|
|
|
5008
5037
|
/**
|
|
@@ -5307,7 +5336,7 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
5307
5336
|
<div>
|
|
5308
5337
|
<div
|
|
5309
5338
|
id="trigger"
|
|
5310
|
-
class="${e(this.commonWrapperClasses)}" part="wrapper"
|
|
5339
|
+
class="${e$1(this.commonWrapperClasses)}" part="wrapper"
|
|
5311
5340
|
tabindex="${o(this.triggerContentFocusable ? undefined : this.tabIndex)}"
|
|
5312
5341
|
role="${o(this.triggerContentFocusable ? undefined : this.a11yRole)}"
|
|
5313
5342
|
aria-expanded="${o(this.a11yRole === 'button' || this.triggerContentFocusable ? undefined : this.isPopoverVisible)}"
|
|
@@ -5335,7 +5364,7 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
5335
5364
|
</div>
|
|
5336
5365
|
` : undefined }
|
|
5337
5366
|
</div>
|
|
5338
|
-
<div class="${e(helpTextClasses)}">
|
|
5367
|
+
<div class="${e$1(helpTextClasses)}">
|
|
5339
5368
|
<slot name="helpText"></slot>
|
|
5340
5369
|
</div>
|
|
5341
5370
|
<div id="bibSizer" part="size"></div>
|
|
@@ -5343,7 +5372,10 @@ class AuroDropdown extends AuroElement$3 {
|
|
|
5343
5372
|
id="bib"
|
|
5344
5373
|
shape="${this.shape}"
|
|
5345
5374
|
?data-show="${this.isPopoverVisible}"
|
|
5346
|
-
?isfullscreen="${this.isBibFullscreen}"
|
|
5375
|
+
?isfullscreen="${this.isBibFullscreen}"
|
|
5376
|
+
${n(this.bibElement)}
|
|
5377
|
+
popover="manual"
|
|
5378
|
+
>
|
|
5347
5379
|
<div class="slotContent">
|
|
5348
5380
|
<slot @slotchange="${this.handleDefaultSlot}"></slot>
|
|
5349
5381
|
</div>
|
|
@@ -5538,7 +5570,7 @@ class AuroDependencyVersioning {
|
|
|
5538
5570
|
*/
|
|
5539
5571
|
generateTag(baseName, version, tagClass) {
|
|
5540
5572
|
const elementName = this.generateElementName(baseName, version);
|
|
5541
|
-
const tag = i`${s(elementName)}`;
|
|
5573
|
+
const tag = i`${s$1(elementName)}`;
|
|
5542
5574
|
|
|
5543
5575
|
if (!customElements.get(elementName)) {
|
|
5544
5576
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -6617,7 +6649,7 @@ class AuroButton extends AuroElement$1 {
|
|
|
6617
6649
|
aria-labelledby="${o(this.loading ? undefined : this.currentAriaLabelledBy || undefined)}"
|
|
6618
6650
|
tabindex="${o(this.tIndex || this.tabindex)}"
|
|
6619
6651
|
?autofocus="${this.autofocus}"
|
|
6620
|
-
class=${e(classes)}
|
|
6652
|
+
class=${e$1(classes)}
|
|
6621
6653
|
?disabled="${this.disabled || this.loading}"
|
|
6622
6654
|
?onDark="${this.onDark}"
|
|
6623
6655
|
title="${o(this.title ? this.title : undefined)}"
|
|
@@ -6632,7 +6664,7 @@ class AuroButton extends AuroElement$1 {
|
|
|
6632
6664
|
>
|
|
6633
6665
|
${o(this.loading ? u`<${this.loaderTag} pulse part="loader"></${this.loaderTag}>` : undefined)}
|
|
6634
6666
|
|
|
6635
|
-
<span class="${e(contentClasses)}">
|
|
6667
|
+
<span class="${e$1(contentClasses)}">
|
|
6636
6668
|
<span class="textSlot" part="text">
|
|
6637
6669
|
<slot></slot>
|
|
6638
6670
|
</span>
|
|
@@ -7034,7 +7066,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
7034
7066
|
return x`
|
|
7035
7067
|
<div class="componentWrapper">
|
|
7036
7068
|
<div
|
|
7037
|
-
class="${e(svgClasses)}"
|
|
7069
|
+
class="${e$1(svgClasses)}"
|
|
7038
7070
|
title="${o(this.title || undefined)}">
|
|
7039
7071
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
7040
7072
|
${this.customSvg ? x`
|
|
@@ -7046,7 +7078,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
7046
7078
|
</span>
|
|
7047
7079
|
</div>
|
|
7048
7080
|
|
|
7049
|
-
<div class="${e(labelClasses)}">
|
|
7081
|
+
<div class="${e$1(labelClasses)}">
|
|
7050
7082
|
<slot></slot>
|
|
7051
7083
|
</div>
|
|
7052
7084
|
</div>
|
|
@@ -7219,10 +7251,10 @@ class AuroHeader extends i$2 {
|
|
|
7219
7251
|
});
|
|
7220
7252
|
}
|
|
7221
7253
|
|
|
7222
|
-
const headerClasses = e(classObject);
|
|
7254
|
+
const headerClasses = e$1(classObject);
|
|
7223
7255
|
|
|
7224
7256
|
// unsafeStatic dynamically creates tag names at runtime
|
|
7225
|
-
const tag = s(`h${headingLevel}`);
|
|
7257
|
+
const tag = s$1(`h${headingLevel}`);
|
|
7226
7258
|
return u`<${tag} class="${headerClasses}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
|
|
7227
7259
|
}
|
|
7228
7260
|
|
|
@@ -8184,7 +8216,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8184
8216
|
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8185
8217
|
}
|
|
8186
8218
|
|
|
8187
|
-
if (!this.
|
|
8219
|
+
if (!this.getAttribute('shape')) {
|
|
8188
8220
|
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8189
8221
|
}
|
|
8190
8222
|
}
|
|
@@ -8777,17 +8809,17 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8777
8809
|
<slot name="typeIcon"></slot>
|
|
8778
8810
|
</div>
|
|
8779
8811
|
<div class="mainContent">
|
|
8780
|
-
<div class="${e(valueContainerClasses)}">
|
|
8781
|
-
<label class="${e(this.commonLabelClasses)}">
|
|
8812
|
+
<div class="${e$1(valueContainerClasses)}">
|
|
8813
|
+
<label class="${e$1(this.commonLabelClasses)}">
|
|
8782
8814
|
<slot name="label"></slot>
|
|
8783
8815
|
${this.required ? undefined : u`<slot name="optionalLabel"> (optional)</slot>`}
|
|
8784
8816
|
</label>
|
|
8785
8817
|
<div class="value" id="value"></div>
|
|
8786
|
-
<div id="placeholder" class="${e(placeholderClass)}">
|
|
8818
|
+
<div id="placeholder" class="${e$1(placeholderClass)}">
|
|
8787
8819
|
${this.placeholder}
|
|
8788
8820
|
</div>
|
|
8789
8821
|
</div>
|
|
8790
|
-
<div class="${e(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
8822
|
+
<div class="${e$1(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
8791
8823
|
<slot name="displayValue"></slot>
|
|
8792
8824
|
</div>
|
|
8793
8825
|
</div>
|
|
@@ -8855,17 +8887,17 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8855
8887
|
<slot name="typeIcon"></slot>
|
|
8856
8888
|
</div>
|
|
8857
8889
|
<div class="mainContent">
|
|
8858
|
-
<div class="${e(valueContainerClasses)}">
|
|
8859
|
-
<label class="${e(this.commonLabelClasses)}">
|
|
8890
|
+
<div class="${e$1(valueContainerClasses)}">
|
|
8891
|
+
<label class="${e$1(this.commonLabelClasses)}">
|
|
8860
8892
|
<slot name="label"></slot>
|
|
8861
8893
|
${this.required ? undefined : u`<slot name="optionalLabel"> (optional)</slot>`}
|
|
8862
8894
|
</label>
|
|
8863
8895
|
<div class="value body-default" id="value"></div>
|
|
8864
|
-
<div id="placeholder" class="${e(placeholderClass)}">
|
|
8896
|
+
<div id="placeholder" class="${e$1(placeholderClass)}">
|
|
8865
8897
|
${this.placeholder}
|
|
8866
8898
|
</div>
|
|
8867
8899
|
</div>
|
|
8868
|
-
<div class="${e(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
8900
|
+
<div class="${e$1(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
8869
8901
|
<slot name="displayValue"></slot>
|
|
8870
8902
|
</div>
|
|
8871
8903
|
</div>
|
|
@@ -8939,17 +8971,17 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8939
8971
|
<slot name="typeIcon"></slot>
|
|
8940
8972
|
</div>
|
|
8941
8973
|
<div class="mainContent">
|
|
8942
|
-
<div class="${e(valueContainerClasses)}">
|
|
8943
|
-
<label class="${e(this.commonLabelClasses)}">
|
|
8974
|
+
<div class="${e$1(valueContainerClasses)}">
|
|
8975
|
+
<label class="${e$1(this.commonLabelClasses)}">
|
|
8944
8976
|
<slot name="label"></slot>
|
|
8945
8977
|
${this.required ? undefined : u`<slot name="optionalLabel"> (optional)</slot>`}
|
|
8946
8978
|
</label>
|
|
8947
|
-
<div class="${e(valueClasses)}" id="value"></div>
|
|
8948
|
-
<div id="placeholder" class="${e(placeholderClass)}">
|
|
8979
|
+
<div class="${e$1(valueClasses)}" id="value"></div>
|
|
8980
|
+
<div id="placeholder" class="${e$1(placeholderClass)}">
|
|
8949
8981
|
${this.placeholder}
|
|
8950
8982
|
</div>
|
|
8951
8983
|
</div>
|
|
8952
|
-
<div class="${e(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
8984
|
+
<div class="${e$1(displayValueClasses)}" aria-hidden="true" part="displayValue">
|
|
8953
8985
|
<slot name="displayValue"></slot>
|
|
8954
8986
|
</div>
|
|
8955
8987
|
</div>
|
|
@@ -9847,7 +9879,7 @@ class AuroMenu extends AuroElement$4 {
|
|
|
9847
9879
|
* @private
|
|
9848
9880
|
*/
|
|
9849
9881
|
get wrapperClasses() {
|
|
9850
|
-
return e({
|
|
9882
|
+
return e$1({
|
|
9851
9883
|
'menuWrapper': true,
|
|
9852
9884
|
[this.size]: true,
|
|
9853
9885
|
});
|
|
@@ -10269,7 +10301,7 @@ class AuroIcon extends BaseIcon {
|
|
|
10269
10301
|
return x`
|
|
10270
10302
|
<div class="componentWrapper">
|
|
10271
10303
|
<div
|
|
10272
|
-
class="${e(svgClasses)}"
|
|
10304
|
+
class="${e$1(svgClasses)}"
|
|
10273
10305
|
title="${o(this.title || undefined)}">
|
|
10274
10306
|
<span aria-hidden="${o(this.ariaHidden || true)}" part="svg">
|
|
10275
10307
|
${this.customSvg ? x`
|
|
@@ -10281,7 +10313,7 @@ class AuroIcon extends BaseIcon {
|
|
|
10281
10313
|
</span>
|
|
10282
10314
|
</div>
|
|
10283
10315
|
|
|
10284
|
-
<div class="${e(labelClasses)}">
|
|
10316
|
+
<div class="${e$1(labelClasses)}">
|
|
10285
10317
|
<slot></slot>
|
|
10286
10318
|
</div>
|
|
10287
10319
|
</div>
|
|
@@ -10452,7 +10484,7 @@ class AuroMenuOption extends AuroElement$4 {
|
|
|
10452
10484
|
xl: 'body-lg'
|
|
10453
10485
|
};
|
|
10454
10486
|
|
|
10455
|
-
const classes = e({
|
|
10487
|
+
const classes = e$1({
|
|
10456
10488
|
'wrapper': true,
|
|
10457
10489
|
[this.size ? fontClassMap[this.size] : 'body-sm']: true,
|
|
10458
10490
|
});
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LitElement, css, html as html$1 } from 'lit';
|
|
2
2
|
import { classMap } from 'lit/directives/class-map.js';
|
|
3
3
|
import { unsafeStatic, literal, html } from 'lit/static-html.js';
|
|
4
|
+
import { createRef, ref } from 'lit/directives/ref.js';
|
|
4
5
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
5
6
|
import { ifDefined as ifDefined$1 } from 'lit-html/directives/if-defined.js';
|
|
6
7
|
|
|
@@ -4163,7 +4164,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
|
|
|
4163
4164
|
|
|
4164
4165
|
var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([ondark])) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark]) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
4165
4166
|
|
|
4166
|
-
var styleCss$1$2 = css`:host{position:relative;display:block;text-align:left;transform:translateZ(0)}:host([open]){z-index:var(--depth-tooltip, 400)}:host([open][isbibfullscreen]){position:fixed;top:0;left:0}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4167
|
+
var styleCss$1$2 = css`:host{position:relative;display:block;text-align:left;transform:translateZ(0)}[popover=manual]{overflow:visible;padding:0;border:inherit;margin:0;background:inherit;outline:inherit}:host([open]){z-index:var(--depth-tooltip, 400)}:host([open][isbibfullscreen]){position:fixed;top:0;left:0}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4167
4168
|
|
|
4168
4169
|
var classicColorCss = css``;
|
|
4169
4170
|
|
|
@@ -4521,6 +4522,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4521
4522
|
/** @private */
|
|
4522
4523
|
this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
|
|
4523
4524
|
|
|
4525
|
+
/** @private */
|
|
4526
|
+
this.bibElement = createRef();
|
|
4527
|
+
|
|
4524
4528
|
this.privateDefaults();
|
|
4525
4529
|
}
|
|
4526
4530
|
|
|
@@ -4957,6 +4961,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4957
4961
|
if (changedProperties.size === 0 || changedProperties.has('isPopoverVisible')) {
|
|
4958
4962
|
this.handleTriggerContentSlotChange();
|
|
4959
4963
|
}
|
|
4964
|
+
|
|
4965
|
+
if (changedProperties.has('isPopoverVisible') && this.bibElement.value) {
|
|
4966
|
+
if (this.isPopoverVisible) {
|
|
4967
|
+
this.bibElement.value.showPopover();
|
|
4968
|
+
} else {
|
|
4969
|
+
this.bibElement.value.hidePopover();
|
|
4970
|
+
}
|
|
4971
|
+
}
|
|
4960
4972
|
}
|
|
4961
4973
|
|
|
4962
4974
|
/**
|
|
@@ -5297,7 +5309,10 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5297
5309
|
id="bib"
|
|
5298
5310
|
shape="${this.shape}"
|
|
5299
5311
|
?data-show="${this.isPopoverVisible}"
|
|
5300
|
-
?isfullscreen="${this.isBibFullscreen}"
|
|
5312
|
+
?isfullscreen="${this.isBibFullscreen}"
|
|
5313
|
+
${ref(this.bibElement)}
|
|
5314
|
+
popover="manual"
|
|
5315
|
+
>
|
|
5301
5316
|
<div class="slotContent">
|
|
5302
5317
|
<slot @slotchange="${this.handleDefaultSlot}"></slot>
|
|
5303
5318
|
</div>
|
|
@@ -8138,7 +8153,7 @@ class AuroSelect extends AuroElement$3 {
|
|
|
8138
8153
|
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8139
8154
|
}
|
|
8140
8155
|
|
|
8141
|
-
if (!this.
|
|
8156
|
+
if (!this.getAttribute('shape')) {
|
|
8142
8157
|
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8143
8158
|
}
|
|
8144
8159
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LitElement, css, html as html$1 } from 'lit';
|
|
2
2
|
import { classMap } from 'lit/directives/class-map.js';
|
|
3
3
|
import { unsafeStatic, literal, html } from 'lit/static-html.js';
|
|
4
|
+
import { createRef, ref } from 'lit/directives/ref.js';
|
|
4
5
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
5
6
|
import { ifDefined as ifDefined$1 } from 'lit-html/directives/if-defined.js';
|
|
6
7
|
|
|
@@ -4163,7 +4164,7 @@ var shapeSizeCss = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic
|
|
|
4163
4164
|
|
|
4164
4165
|
var colorCss$1$1 = css`:host(:not([layout*=classic])){--ds-auro-dropdown-trigger-border-color: transparent}:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([ondark])) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label,:host([onDark]) .helpText{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark]) .wrapper:hover{--ds-auro-dropdown-trigger-background-color: var(--ds-auro-dropdown-trigger-hover-background-color)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
4165
4166
|
|
|
4166
|
-
var styleCss$1$2 = css`:host{position:relative;display:block;text-align:left;transform:translateZ(0)}:host([open]){z-index:var(--depth-tooltip, 400)}:host([open][isbibfullscreen]){position:fixed;top:0;left:0}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4167
|
+
var styleCss$1$2 = css`:host{position:relative;display:block;text-align:left;transform:translateZ(0)}[popover=manual]{overflow:visible;padding:0;border:inherit;margin:0;background:inherit;outline:inherit}:host([open]){z-index:var(--depth-tooltip, 400)}:host([open][isbibfullscreen]){position:fixed;top:0;left:0}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([matchwidth]) #bibSizer{width:100%}`;
|
|
4167
4168
|
|
|
4168
4169
|
var classicColorCss = css``;
|
|
4169
4170
|
|
|
@@ -4521,6 +4522,9 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4521
4522
|
/** @private */
|
|
4522
4523
|
this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
|
|
4523
4524
|
|
|
4525
|
+
/** @private */
|
|
4526
|
+
this.bibElement = createRef();
|
|
4527
|
+
|
|
4524
4528
|
this.privateDefaults();
|
|
4525
4529
|
}
|
|
4526
4530
|
|
|
@@ -4957,6 +4961,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
4957
4961
|
if (changedProperties.size === 0 || changedProperties.has('isPopoverVisible')) {
|
|
4958
4962
|
this.handleTriggerContentSlotChange();
|
|
4959
4963
|
}
|
|
4964
|
+
|
|
4965
|
+
if (changedProperties.has('isPopoverVisible') && this.bibElement.value) {
|
|
4966
|
+
if (this.isPopoverVisible) {
|
|
4967
|
+
this.bibElement.value.showPopover();
|
|
4968
|
+
} else {
|
|
4969
|
+
this.bibElement.value.hidePopover();
|
|
4970
|
+
}
|
|
4971
|
+
}
|
|
4960
4972
|
}
|
|
4961
4973
|
|
|
4962
4974
|
/**
|
|
@@ -5297,7 +5309,10 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5297
5309
|
id="bib"
|
|
5298
5310
|
shape="${this.shape}"
|
|
5299
5311
|
?data-show="${this.isPopoverVisible}"
|
|
5300
|
-
?isfullscreen="${this.isBibFullscreen}"
|
|
5312
|
+
?isfullscreen="${this.isBibFullscreen}"
|
|
5313
|
+
${ref(this.bibElement)}
|
|
5314
|
+
popover="manual"
|
|
5315
|
+
>
|
|
5301
5316
|
<div class="slotContent">
|
|
5302
5317
|
<slot @slotchange="${this.handleDefaultSlot}"></slot>
|
|
5303
5318
|
</div>
|
|
@@ -8138,7 +8153,7 @@ class AuroSelect extends AuroElement$3 {
|
|
|
8138
8153
|
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8139
8154
|
}
|
|
8140
8155
|
|
|
8141
|
-
if (!this.
|
|
8156
|
+
if (!this.getAttribute('shape')) {
|
|
8142
8157
|
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8143
8158
|
}
|
|
8144
8159
|
}
|
package/package.json
CHANGED