@saasbase-io/core-elements 2.0.0 → 2.0.3
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/README.md +1 -0
- package/dist/components/renderers/provider/_provider-field.d.ts +7 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +155 -145
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +15600 -7
- package/package.json +2 -1
package/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
#saasbase-core-elements
|
|
@@ -92,6 +92,13 @@ export declare class SbProviderField extends LitElement implements ProviderField
|
|
|
92
92
|
* is the number of columns in the second row.
|
|
93
93
|
*/
|
|
94
94
|
get columns(): "one" | "three" | "two-three" | "three-four" | "four";
|
|
95
|
+
/**
|
|
96
|
+
* Returns the correct event for a provider:
|
|
97
|
+
* 1. Override event (if provided)
|
|
98
|
+
* 2. Global event prop
|
|
99
|
+
* 3. Fallback: `signin_with_oauth(${provider})`
|
|
100
|
+
*/
|
|
101
|
+
private _getEventForProvider;
|
|
95
102
|
/**
|
|
96
103
|
* The `providers` array without any duplicates.
|
|
97
104
|
*/
|
package/dist/index.js
CHANGED
|
@@ -1558,7 +1558,7 @@
|
|
|
1558
1558
|
${this.content.includes("label")?e:u}
|
|
1559
1559
|
${this.iconAlign==="end"?this._renderIcon():u}
|
|
1560
1560
|
</rtg-button>
|
|
1561
|
-
`}};exports.SbProviderButton._ROOT="provider-button";exports.SbProviderButton._ICON="icon";Z([a({type:String})],exports.SbProviderButton.prototype,"seed",2);Z([a({attribute:"child-id",type:String})],exports.SbProviderButton.prototype,"childId",2);Z([a({type:String})],exports.SbProviderButton.prototype,"provider",2);Z([a({type:String})],exports.SbProviderButton.prototype,"content",2);Z([a({type:String})],exports.SbProviderButton.prototype,"variant",2);Z([a({type:String})],exports.SbProviderButton.prototype,"size",2);Z([a({type:String})],exports.SbProviderButton.prototype,"prompt",2);Z([a({attribute:"icon-align",type:String})],exports.SbProviderButton.prototype,"iconAlign",2);Z([a({type:String})],exports.SbProviderButton.prototype,"label",2);Z([a({type:Boolean})],exports.SbProviderButton.prototype,"disabled",2);Z([a({type:Boolean})],exports.SbProviderButton.prototype,"loading",2);Z([a({type:String})],exports.SbProviderButton.prototype,"event",2);Z([_()],exports.SbProviderButton.prototype,"_loading",2);exports.SbProviderButton=Z([y("sb-provider-button")],exports.SbProviderButton);var no=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,Y=(n,t,e,i)=>{for(var r=i>1?void 0:i?oo(t,e):t,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&no(t,e,r),r};exports.SbProviderField=class extends w{constructor(){super(...arguments),this.seed=q(),this.providers=[],this.overrides=[]}static get parts(){const t=this._ROOT,e=`${t}-${this._BUTTON}`;return{root:t,button:e}}createRenderRoot(){return this}get rootId(){return this.childId??`sb-${exports.SbProviderField.parts.root}-${this.seed}`}get buttonId(){return`${this.rootId}-${exports.SbProviderField._BUTTON}`}get columns(){const t=this._providers.length;return t<3?"one":t%3===0?"three":t===5?"two-three":t===7?"three-four":"four"}get _providers(){return[...new Set(this.providers)]}get _overrides(){return this.overrides.filter((t,e,i)=>e===i.findIndex(r=>r.provider===t.provider))}_renderButton(t){return c`
|
|
1561
|
+
`}};exports.SbProviderButton._ROOT="provider-button";exports.SbProviderButton._ICON="icon";Z([a({type:String})],exports.SbProviderButton.prototype,"seed",2);Z([a({attribute:"child-id",type:String})],exports.SbProviderButton.prototype,"childId",2);Z([a({type:String})],exports.SbProviderButton.prototype,"provider",2);Z([a({type:String})],exports.SbProviderButton.prototype,"content",2);Z([a({type:String})],exports.SbProviderButton.prototype,"variant",2);Z([a({type:String})],exports.SbProviderButton.prototype,"size",2);Z([a({type:String})],exports.SbProviderButton.prototype,"prompt",2);Z([a({attribute:"icon-align",type:String})],exports.SbProviderButton.prototype,"iconAlign",2);Z([a({type:String})],exports.SbProviderButton.prototype,"label",2);Z([a({type:Boolean})],exports.SbProviderButton.prototype,"disabled",2);Z([a({type:Boolean})],exports.SbProviderButton.prototype,"loading",2);Z([a({type:String})],exports.SbProviderButton.prototype,"event",2);Z([_()],exports.SbProviderButton.prototype,"_loading",2);exports.SbProviderButton=Z([y("sb-provider-button")],exports.SbProviderButton);var no=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,Y=(n,t,e,i)=>{for(var r=i>1?void 0:i?oo(t,e):t,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&no(t,e,r),r};exports.SbProviderField=class extends w{constructor(){super(...arguments),this.seed=q(),this.providers=[],this.overrides=[]}static get parts(){const t=this._ROOT,e=`${t}-${this._BUTTON}`;return{root:t,button:e}}createRenderRoot(){return this}get rootId(){return this.childId??`sb-${exports.SbProviderField.parts.root}-${this.seed}`}get buttonId(){return`${this.rootId}-${exports.SbProviderField._BUTTON}`}get columns(){const t=this._providers.length;return t<3?"one":t%3===0?"three":t===5?"two-three":t===7?"three-four":"four"}_getEventForProvider(t,e){return e||(this.event?this.event:`signin_with_oauth(${t})`)}get _providers(){return[...new Set(this.providers)]}get _overrides(){return this.overrides.filter((t,e,i)=>e===i.findIndex(r=>r.provider===t.provider))}_renderButton(t){const e=this._getEventForProvider(t.provider,t.event);return c`
|
|
1562
1562
|
<sb-provider-button
|
|
1563
1563
|
id="${this.buttonId}"
|
|
1564
1564
|
part="${exports.SbProviderField.parts.button}"
|
|
@@ -1573,7 +1573,7 @@
|
|
|
1573
1573
|
label="${t.label??this.label??u}"
|
|
1574
1574
|
?disabled="${t.disabled||this.disabled}"
|
|
1575
1575
|
?loading="${t.loading||this.loading}"
|
|
1576
|
-
event="${
|
|
1576
|
+
event="${e}"
|
|
1577
1577
|
></sb-provider-button>
|
|
1578
1578
|
`}render(){const t=this._overrides;return c`
|
|
1579
1579
|
<rtg-field
|