@fluid-topics/ft-dialog 1.1.92 → 1.1.93

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.
Files changed (4) hide show
  1. package/build/ft-dialog.js +6 -5
  2. package/build/ft-dialog.light.js +6 -5
  3. package/build/ft-dialog.min.js +6 -5
  4. package/package.json +6 -6
package/build/ft-dialog.js CHANGED
@@ -32,11 +32,11 @@ class FtDialog extends FtLitElement {
32
32
  return null;
33
33
  }
34
34
  return html `
35
- <div class="ft-dialog">
36
- <div class="ft-dialog-overlay" @click="${() => this.onClickOutside()}"></div>
37
- <div class="ft-dialog-wrapper">
35
+ <div class="ft-dialog" part="container">
36
+ <div class="ft-dialog-overlay" part="overlay" @click="${() => this.onClickOutside()}"></div>
37
+ <div class="ft-dialog-wrapper" part="wrapper">
38
38
  ${this.heading ? html `
39
- <div class="ft-dialog-heading">
39
+ <div class="ft-dialog-heading" part="heading">
40
40
  ${this.icon ? html `
41
41
  <ft-icon .variant=${this.iconVariant} value="${this.icon}"></ft-icon>
42
42
  ` : undefined}
@@ -46,12 +46,13 @@ class FtDialog extends FtLitElement {
46
46
  ` : undefined}
47
47
  </div>
48
48
  ` : null}
49
- <div class="ft-dialog-content">
49
+ <div class="ft-dialog-content" part="content">
50
50
  <ft-typography variant="body1">
51
51
  <slot></slot>
52
52
  </ft-typography>
53
53
  </div>
54
54
  <slot name="buttons"
55
+ part="buttons"
55
56
  class="ft-dialog-buttons ${this.buttons.length > 0 ? "" : "ft-dialog-no-buttons"}"
56
57
  @slotchange=${() => this.requestUpdate()}
57
58
  ></slot>
package/build/ft-dialog.light.js CHANGED
@@ -918,11 +918,11 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
918
918
  }
919
919
 
920
920
  `;var xt=function(e,o,n,a){var i=arguments.length,s=i<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,o,n,a);else for(var p=e.length-1;p>=0;p--)(c=e[p])&&(s=(i<3?c(s):i>3?c(o,n,s):c(o,n))||s);return i>3&&s&&Object.defineProperty(o,n,s),s},V=class extends Sn.FtLitElement{constructor(){super(...arguments),this.opened=!1,this.closeOnEsc=!1,this.closeOnClickOutside=!1,this.closable=!1,this.beforeClose=()=>!0,this.heading="",this.icon="",this.watchEscapeKey=o=>{o.key==="Escape"&&this.closeOnEsc&&this.close()}}render(){return this.opened?ue.html`
921
- <div class="ft-dialog">
922
- <div class="ft-dialog-overlay" @click="${()=>this.onClickOutside()}"></div>
923
- <div class="ft-dialog-wrapper">
921
+ <div class="ft-dialog" part="container">
922
+ <div class="ft-dialog-overlay" part="overlay" @click="${()=>this.onClickOutside()}"></div>
923
+ <div class="ft-dialog-wrapper" part="wrapper">
924
924
  ${this.heading?ue.html`
925
- <div class="ft-dialog-heading">
925
+ <div class="ft-dialog-heading" part="heading">
926
926
  ${this.icon?ue.html`
927
927
  <ft-icon .variant=${this.iconVariant} value="${this.icon}"></ft-icon>
928
928
  `:void 0}
@@ -932,12 +932,13 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
932
932
  `:void 0}
933
933
  </div>
934
934
  `:null}
935
- <div class="ft-dialog-content">
935
+ <div class="ft-dialog-content" part="content">
936
936
  <ft-typography variant="body1">
937
937
  <slot></slot>
938
938
  </ft-typography>
939
939
  </div>
940
940
  <slot name="buttons"
941
+ part="buttons"
941
942
  class="ft-dialog-buttons ${this.buttons.length>0?"":"ft-dialog-no-buttons"}"
942
943
  @slotchange=${()=>this.requestUpdate()}
943
944
  ></slot>
package/build/ft-dialog.min.js CHANGED
@@ -956,11 +956,11 @@ Also for action icons.`,d.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
956
956
  }
957
957
 
958
958
  `;var Wt=function(e,t,o,n){var i=arguments.length,a=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(e,t,o,n);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(a=(i<3?s(a):i>3?s(t,o,a):s(t,o))||a);return i>3&&a&&Object.defineProperty(t,o,a),a},et=class extends B{constructor(){super(...arguments),this.opened=!1,this.closeOnEsc=!1,this.closeOnClickOutside=!1,this.closable=!1,this.beforeClose=()=>!0,this.heading="",this.icon="",this.watchEscapeKey=t=>{t.key==="Escape"&&this.closeOnEsc&&this.close()}}render(){return this.opened?K`
959
- <div class="ft-dialog">
960
- <div class="ft-dialog-overlay" @click="${()=>this.onClickOutside()}"></div>
961
- <div class="ft-dialog-wrapper">
959
+ <div class="ft-dialog" part="container">
960
+ <div class="ft-dialog-overlay" part="overlay" @click="${()=>this.onClickOutside()}"></div>
961
+ <div class="ft-dialog-wrapper" part="wrapper">
962
962
  ${this.heading?K`
963
- <div class="ft-dialog-heading">
963
+ <div class="ft-dialog-heading" part="heading">
964
964
  ${this.icon?K`
965
965
  <ft-icon .variant=${this.iconVariant} value="${this.icon}"></ft-icon>
966
966
  `:void 0}
@@ -970,12 +970,13 @@ Also for action icons.`,d.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
970
970
  `:void 0}
971
971
  </div>
972
972
  `:null}
973
- <div class="ft-dialog-content">
973
+ <div class="ft-dialog-content" part="content">
974
974
  <ft-typography variant="body1">
975
975
  <slot></slot>
976
976
  </ft-typography>
977
977
  </div>
978
978
  <slot name="buttons"
979
+ part="buttons"
979
980
  class="ft-dialog-buttons ${this.buttons.length>0?"":"ft-dialog-no-buttons"}"
980
981
  @slotchange=${()=>this.requestUpdate()}
981
982
  ></slot>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-dialog",
3
- "version": "1.1.92",
3
+ "version": "1.1.93",
4
4
  "description": "A simple dialog component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,11 +19,11 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/ft-button": "1.1.92",
23
- "@fluid-topics/ft-icon": "1.1.92",
24
- "@fluid-topics/ft-typography": "1.1.92",
25
- "@fluid-topics/ft-wc-utils": "1.1.92",
22
+ "@fluid-topics/ft-button": "1.1.93",
23
+ "@fluid-topics/ft-icon": "1.1.93",
24
+ "@fluid-topics/ft-typography": "1.1.93",
25
+ "@fluid-topics/ft-wc-utils": "1.1.93",
26
26
  "lit": "3.1.0"
27
27
  },
28
- "gitHead": "d8abc7430335b1e111fae6e78bdf3613fb4ead2f"
28
+ "gitHead": "f34081c143e720788e2fd345ee9ee2fcdca2996b"
29
29
  }