@descope/web-components-ui 1.86.0 → 1.87.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.86.0",
+  "version": "1.87.0",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -76,18 +76,19 @@
     "lodash.debounce": "4.0.8",
     "lodash.merge": "4.6.2",
     "markdown-it": "14.1.0",
-    "@descope-ui/common": "0.0.11",
-    "@descope-ui/descope-button": "0.0.7",
-    "@descope-ui/descope-icon": "0.0.6",
-    "@descope-ui/descope-text": "0.0.11",
-    "@descope-ui/descope-avatar": "0.0.11",
-    "@descope-ui/descope-combo-box": "0.1.0",
-    "@descope-ui/descope-autocomplete-field": "0.0.13",
-    "@descope-ui/descope-address-field": "0.0.12",
-    "@descope-ui/descope-timer": "0.0.5",
-    "@descope-ui/descope-timer-button": "0.0.7",
-    "@descope-ui/descope-password-strength": "0.0.4",
-    "@descope-ui/descope-collapsible-container": "0.0.6"
+    "@descope-ui/common": "0.0.12",
+    "@descope-ui/descope-button": "0.0.8",
+    "@descope-ui/descope-image": "0.0.1",
+    "@descope-ui/descope-icon": "0.0.7",
+    "@descope-ui/descope-text": "0.0.12",
+    "@descope-ui/descope-avatar": "0.0.12",
+    "@descope-ui/descope-combo-box": "0.1.1",
+    "@descope-ui/descope-autocomplete-field": "0.0.14",
+    "@descope-ui/descope-address-field": "0.0.13",
+    "@descope-ui/descope-timer": "0.0.6",
+    "@descope-ui/descope-timer-button": "0.0.8",
+    "@descope-ui/descope-password-strength": "0.0.5",
+    "@descope-ui/descope-collapsible-container": "0.0.7"
   },
   "overrides": {
     "@vaadin/avatar": "24.3.4",

package/src/index.cjs.js

@@ -22,7 +22,6 @@ export { PasswordClass } from './components/descope-password/PasswordClass';
 export { EnrichedTextClass } from './components/descope-enriched-text/EnrichedTextClass';
 export { TextAreaClass } from './components/descope-text-area/TextAreaClass';
 export { TextFieldClass } from './components/descope-text-field/TextFieldClass';
-export { ImageClass } from './components/descope-image/ImageClass';
 export { PhoneFieldClass } from './components/phone-fields/descope-phone-field/PhoneFieldClass';
 export { PhoneFieldInputBoxClass } from './components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass';
 export { NewPasswordClass } from './components/descope-new-password/NewPasswordClass';

package/src/index.js

@@ -17,7 +17,6 @@ export * from './components/descope-password';
 export * from './components/descope-enriched-text';
 export * from './components/descope-text-area';
 export * from './components/descope-text-field';
-export * from './components/descope-image';
 export * from './components/phone-fields/descope-phone-field';
 export * from './components/phone-fields/descope-phone-input-box-field';
 export * from './components/descope-new-password';

package/src/theme/components/index.js

@@ -17,7 +17,6 @@ import * as divider from './divider';
 import * as passcode from './passcode';
 import { loaderRadial, loaderLinear } from './loader';
 import * as comboBox from '@descope-ui/descope-combo-box/theme';
-import * as image from './image';
 import * as phoneField from './phoneField';
 import * as phoneInputBoxField from './phoneInputBoxField';
 import * as newPassword from './newPassword';
@@ -38,6 +37,7 @@ import * as userAuthMethod from './userAuthMethod';
 import * as samlGroupMappings from './samlGroupMappings';
 import * as policyValidation from './policyValidation';
 import * as icon from '@descope-ui/descope-icon/theme';
+import * as image from '@descope-ui/descope-image/theme';
 import * as codeSnippet from './codeSnippet';
 import * as radioGroup from './radioGroup/radioGroup';
 import * as radioButton from './radioGroup/radioButton';
@@ -80,7 +80,6 @@ const components = {
   loaderRadial,
   loaderLinear,
   comboBox,
-  image,
   phoneField,
   phoneInputBoxField,
   newPassword,
@@ -100,6 +99,7 @@ const components = {
   userAuthMethod,
   samlGroupMappings,
   policyValidation,
+  image,
   icon,
   codeSnippet,
   radioGroup,

package/dist/umd/descope-image-index-js.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9175],{90576:(t,e,s)=>{s.r(e),s.d(e,{ImageClass:()=>m,componentName:()=>r});var n=s(79365),o=s(81365),c=s(9696),i=s(97810),a=s(25964);const h=["src","alt"],r=(0,i.xE)("image"),l=(0,o.q)({componentName:r,baseSelector:":host > img"}),m=(0,c.Zz)((0,n.RF)({mappings:{height:{selector:()=>":host"},width:{selector:()=>":host"}}}),n.VO)(class extends l{static get observedAttributes(){return h.concat(l.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<img/>\n\t",(0,a.fz)("\n    :host > img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n        ",this)}connectedCallback(){super.connectedCallback?.(),(0,i.EA)(this,this.baseElement,{includeAttrs:h})}});customElements.define(r,m)}}]);
-//# sourceMappingURL=descope-image-index-js.js.map

package/dist/umd/descope-image-index-js.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"descope-image-index-js.js","mappings":"wPAMA,MAAMA,EAAqB,CAAC,MAAO,OAEtBC,GAAgB,QAAiB,SAExCC,GAAY,EAAAC,EAAA,GAAgB,CAAEF,gBAAeG,aAAc,gBAkCpDC,GAAa,SACxB,QAAiB,CACfC,SAAU,CACRC,OAAQ,CAAEC,SAAU,IAAM,SAC1BC,MAAO,CAAED,SAAU,IAAM,YAG7B,KAPwB,CAjC1B,cAAuBN,EACrB,6BAAWF,GACT,OAAOA,EAAmBU,OAAOR,EAAUF,oBAAsB,GACnE,CAEA,WAAAW,GACEC,QAEAC,KAAKC,aAAa,CAAEC,KAAM,SAAUC,UAAY,oBAIhD,QACE,4IASAH,KAEJ,CAEA,iBAAAI,GACEL,MAAMK,uBAEN,QAAaJ,KAAMA,KAAKK,YAAa,CAAEC,aAAcnB,GACvD,ICvCFoB,eAAeC,OAAOpB,EAAeI,E","sources":["webpack://@descope/web-components-ui/./src/components/descope-image/ImageClass.js","webpack://@descope/web-components-ui/./src/components/descope-image/index.js"],"sourcesContent":["import { createStyleMixin, draggableMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nconst observedAttributes = ['src', 'alt'];\n\nexport const componentName = getComponentName('image');\n\nconst BaseClass = createBaseClass({ componentName, baseSelector: ':host > img' });\nclass RawImage extends BaseClass {\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<img/>\n\t`;\n\n    injectStyle(\n      `\n    :host > img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n        `,\n      this\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n\n    forwardAttrs(this, this.baseElement, { includeAttrs: observedAttributes });\n  }\n}\n\nexport const ImageClass = compose(\n  createStyleMixin({\n    mappings: {\n      height: { selector: () => ':host' },\n      width: { selector: () => ':host' },\n    },\n  }),\n  draggableMixin\n)(RawImage);\n","import { componentName, ImageClass } from './ImageClass';\n\ncustomElements.define(componentName, ImageClass);\n\nexport { ImageClass, componentName };\n"],"names":["observedAttributes","componentName","BaseClass","createBaseClass","baseSelector","ImageClass","mappings","height","selector","width","concat","constructor","super","this","attachShadow","mode","innerHTML","connectedCallback","baseElement","includeAttrs","customElements","define"],"sourceRoot":""}

package/src/components/descope-image/ImageClass.js

@@ -1,53 +0,0 @@
-import { createStyleMixin, draggableMixin } from '../../mixins';
-import { createBaseClass } from '../../baseClasses/createBaseClass';
-import { compose } from '../../helpers';
-import { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';
-import { injectStyle } from '@descope-ui/common/components-helpers';
-
-const observedAttributes = ['src', 'alt'];
-
-export const componentName = getComponentName('image');
-
-const BaseClass = createBaseClass({ componentName, baseSelector: ':host > img' });
-class RawImage extends BaseClass {
-  static get observedAttributes() {
-    return observedAttributes.concat(BaseClass.observedAttributes || []);
-  }
-
-  constructor() {
-    super();
-
-    this.attachShadow({ mode: 'open' }).innerHTML = `
-		<img/>
-	`;
-
-    injectStyle(
-      `
-    :host > img {
-				width: 100%;
-				height: 100%
-			}
-			:host {
-				display: inline-flex;
-			}
-        `,
-      this
-    );
-  }
-
-  connectedCallback() {
-    super.connectedCallback?.();
-
-    forwardAttrs(this, this.baseElement, { includeAttrs: observedAttributes });
-  }
-}
-
-export const ImageClass = compose(
-  createStyleMixin({
-    mappings: {
-      height: { selector: () => ':host' },
-      width: { selector: () => ':host' },
-    },
-  }),
-  draggableMixin
-)(RawImage);

package/src/components/descope-image/index.js

@@ -1,5 +0,0 @@
-import { componentName, ImageClass } from './ImageClass';
-
-customElements.define(componentName, ImageClass);
-
-export { ImageClass, componentName };

package/src/theme/components/image.js

@@ -1,8 +0,0 @@
-import { ImageClass } from '../../components/descope-image/ImageClass';
-
-const vars = ImageClass.cssVarList;
-
-const image = {};
-
-export default image;
-export { vars };