@digital-realty/ui-user-management 1.0.0-alpha.1 → 11.0.0

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management17.js

@@ -1 +0,0 @@
-import{exists as i}from"../ui-user-management.js";function t(o){return s(o)}function s(o,a){return o==null?o:{first_name:i(o,"first_name")?o.first_name:void 0,last_name:i(o,"last_name")?o.last_name:void 0,email:i(o,"email")?o.email:void 0,account_permission_group:i(o,"account_permission_group")?o.account_permission_group:void 0,account_associations:i(o,"account_associations")?o.account_associations:void 0}}export{t as MyAccountUserFromJSON,s as MyAccountUserFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management18.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";function i(o){if(o!==void 0)return o===null?null:{role_id:o.role_id,user_id:o.user_id,account_number:o.account_number,location_id:o.location_id}}export{i as RoleAssignmentInputToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management19.js

@@ -1 +0,0 @@
-import{exists as n}from"../ui-user-management.js";import{RolePermissionFromJSON as m}from"./ui-user-management25.js";function i(o){return r(o)}function r(o,e){return o==null?o:{id:o.id,name:o.name,account_number:n(o,"account_number")?o.account_number:void 0,role_type:o.role_type,permissions:o.permissions.map(m)}}export{i as RoleFromJSON,r as RoleFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management2.js

@@ -1 +0,0 @@
-import{exists as e}from"../ui-user-management.js";function o(n){return r(n)}function r(n,u){return n==null?n:{account_number:e(n,"account_number")?n.account_number:void 0,parent_account_number:e(n,"parent_account_number")?n.parent_account_number:void 0,name:e(n,"name")?n.name:void 0,friendly_name:e(n,"friendly_name")?n.friendly_name:void 0}}export{o as AccountFromJSON,r as AccountFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management20.js

@@ -1 +0,0 @@
-function e(i){if(i!==void 0)return i===null?null:{permission_id:i.permission_id,privilege:i.privilege}}export{e as RolePermissionInputToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management21.js

@@ -1 +0,0 @@
-import{UserFlagTypeToJSON as o}from"./ui-user-management28.js";function r(e){if(e!==void 0)return e===null?null:{user_flag_type:o(e.user_flag_type),user_id:e.user_id,account_number:e.account_number,location_id:e.location_id}}export{r as UserFlagAssignmentInputToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management22.js

@@ -1 +0,0 @@
-import{AccountAssociationStatusFromJSON as o}from"./ui-user-management3.js";function u(n){return c(n)}function c(n,a){return n==null?n:{id:n.id,account_number:n.account_number,account_name:n.account_name,account_friendly_name:n.account_friendly_name,status:o(n.status),updated_at:n.updated_at,updated_by:n.updated_by}}export{u as UserAccountAssociationFromJSON,c as UserAccountAssociationFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management23.js

@@ -1 +0,0 @@
-import{CustomRoleToJSON as r}from"./ui-user-management6.js";import{DefaultRoleToJSON as t}from"./ui-user-management13.js";import{GlobalAccessRoleToJSON as e}from"./ui-user-management16.js";import{InternalRoleToJSON as l}from"./ui-user-management12.js";function n(o){if(o!==void 0){if(o===null)return null;switch(o.role_type){case"CUSTOM":return r(o);case"DEFAULT":return t(o);case"GLOBALACCESS":return e(o);case"INTERNAL":return l(o);default:throw new Error("No variant of RoleCreate exists with 'role_type=".concat(o.role_type,"'"))}}}export{n as RoleCreateToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management24.js

@@ -1 +0,0 @@
-import{exists as s}from"../ui-user-management.js";import{UserAccountAssociationFromJSON as o}from"./ui-user-management22.js";function t(a){return e(a)}function e(a,n){return a==null?a:{first_name:a.first_name,last_name:a.last_name,email:a.email,phone:a.phone,evacuation_assistance_required:s(a,"evacuation_assistance_required")?a.evacuation_assistance_required:void 0,id:a.id,is_active:s(a,"is_active")?a.is_active:void 0,account_associations:s(a,"account_associations")?a.account_associations.map(o):void 0}}export{t as UserFromJSON,e as UserFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management25.js

@@ -1 +0,0 @@
-import{exists as o}from"../ui-user-management.js";function e(i){return n(i)}function n(i,r){return i==null?i:{permission_id:i.permission_id,permission_name:i.permission_name,is_non_location:i.is_non_location,privilege:o(i,"privilege")?i.privilege:void 0}}export{e as RolePermissionFromJSON,n as RolePermissionFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management26.js

@@ -1 +0,0 @@
-import{exists as o}from"../ui-user-management.js";import{UserFromJSON as n}from"./ui-user-management24.js";import{UsersResponsePageableFromJSON as s}from"./ui-user-management31.js";function t(e){return r(e)}function r(e,p){return e==null?e:{content:o(e,"content")?e.content.map(n):void 0,pageable:o(e,"pageable")?s(e.pageable):void 0}}export{t as UsersResponseFromJSON,r as UsersResponseFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management27.js

@@ -1 +0,0 @@
-import{exists as t}from"../ui-user-management.js";import{UserFlagTypeFromJSON as n}from"./ui-user-management28.js";function o(e){return r(e)}function r(e,s){return e==null?e:{user_flag_type:n(e.user_flag_type),user_id:e.user_id,account_number:e.account_number,location_id:e.location_id,id:e.id,is_active:t(e,"is_active")?e.is_active:void 0}}export{o as UserFlagAssignmentFromJSON,r as UserFlagAssignmentFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management28.js

@@ -1 +0,0 @@
-function n(r){return e(r)}function e(r,o){return r}function t(r){return r}export{n as UserFlagTypeFromJSON,e as UserFlagTypeFromJSONTyped,t as UserFlagTypeToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management29.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";function i(a){if(a!==void 0)return a===null?null:{first_name:a.first_name,last_name:a.last_name,email:a.email,phone:a.phone,evacuation_assistance_required:a.evacuation_assistance_required}}export{i as UserProfileToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management3.js

@@ -1 +0,0 @@
-function n(t){return o(t)}function o(t,c){return t}export{n as AccountAssociationStatusFromJSON,o as AccountAssociationStatusFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management30.js

@@ -1 +0,0 @@
-import{RolePermissionInputToJSON as n}from"./ui-user-management20.js";function i(o){if(o!==void 0)return o===null?null:{role_name:o.role_name,permissions:o.permissions.map(n)}}export{i as RoleUpdateToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management31.js

@@ -1 +0,0 @@
-import{exists as e}from"../ui-user-management.js";function o(t){return s(t)}function s(t,n){return t==null?t:{number:e(t,"number")?t.number:void 0,total_pages:e(t,"total_pages")?t.total_pages:void 0,first:e(t,"first")?t.first:void 0,last:e(t,"last")?t.last:void 0,size:e(t,"size")?t.size:void 0,number_of_elements:e(t,"number_of_elements")?t.number_of_elements:void 0,total_elements:e(t,"total_elements")?t.total_elements:void 0}}export{o as UsersResponsePageableFromJSON,s as UsersResponsePageableFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management32.js

@@ -1 +0,0 @@
-import{exists as r}from"../ui-user-management.js";function s(i){return e(i)}function e(i,o){return i==null?i:{email_address:r(i,"email_address")?i.email_address:void 0,is_verified:r(i,"is_verified")?i.is_verified:void 0,reason:r(i,"reason")?i.reason:void 0}}export{s as VerificationResponseFromJSON,e as VerificationResponseFromJSONTyped};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management33.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";function a(e){if(e!==void 0)return e===null?null:{first_name:e.first_name,last_name:e.last_name,email:e.email,phone:e.phone,evacuation_assistance_required:e.evacuation_assistance_required,account_numbers:e.account_numbers}}export{a as UserInputToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management4.js

@@ -1 +0,0 @@
-function n(u){if(u!==void 0)return u===null?null:{user_id:u.user_id,account_number:u.account_number}}export{n as AccountAssociationInputToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management5.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";import{RoleAssignmentInputToJSON as o}from"./ui-user-management18.js";function t(n){if(n!==void 0)return n===null?null:{RoleAssignmentInput:n.RoleAssignmentInput===void 0?void 0:n.RoleAssignmentInput.map(o)}}export{t as CreateRoleAssignmentToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management6.js

@@ -1 +0,0 @@
-import{RolePermissionInputToJSON as n}from"./ui-user-management20.js";function r(o){if(o!==void 0)return o===null?null:{name:o.name,role_type:o.role_type,permissions:o.permissions.map(n),account_number:o.account_number}}export{r as CustomRoleToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management7.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";function l(i){if(i!==void 0)return i===null?null:{email_address:i.email_address}}export{l as EmailVerificationInputToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management8.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";import{UserFlagAssignmentInputToJSON as n}from"./ui-user-management21.js";function t(s){if(s!==void 0)return s===null?null:{UserFlagAssignmentInputs:s.UserFlagAssignmentInputs===void 0?void 0:s.UserFlagAssignmentInputs.map(n)}}export{t as CreateUserFlagAssignmentToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/models/ui-user-management9.js

@@ -1 +0,0 @@
-import"../ui-user-management.js";function o(t){if(t!==void 0)return t===null?null:{status:t.status}}export{o as AccountAssociationStatusUpdateToJSON};

package/dist/ui-user-management/out-tsc/src/api/user-management-api/ui-user-management.js

@@ -1 +0,0 @@
-const d="http://localhost".replace(/\/+$/,"");class l{constructor(t={}){this.configuration=t}set config(t){this.configuration=t}get basePath(){return this.configuration.basePath!=null?this.configuration.basePath:d}get fetchApi(){return this.configuration.fetchApi}get middleware(){return this.configuration.middleware||[]}get queryParamsStringify(){return this.configuration.queryParamsStringify||h}get username(){return this.configuration.username}get password(){return this.configuration.password}get apiKey(){const t=this.configuration.apiKey;if(t)return typeof t=="function"?t:()=>t}get accessToken(){const t=this.configuration.accessToken;if(t)return typeof t=="function"?t:async()=>t}get headers(){return this.configuration.headers}get credentials(){return this.configuration.credentials}}const p=new l;class u{constructor(t=p){this.configuration=t,this.fetchApi=async(e,i)=>{let n={url:e,init:i};for(const s of this.middleware)s.pre&&(n=await s.pre({fetch:this.fetchApi,...n})||n);let r;try{r=await(this.configuration.fetchApi||fetch)(n.url,n.init)}catch(s){for(const a of this.middleware)a.onError&&(r=await a.onError({fetch:this.fetchApi,url:n.url,init:n.init,error:s,response:r?r.clone():void 0})||r);if(r===void 0)throw s instanceof Error?new m(s,"The request failed and the interceptors did not return an alternative response"):s}for(const s of this.middleware)s.post&&(r=await s.post({fetch:this.fetchApi,url:n.url,init:n.init,response:r.clone()})||r);return r},this.middleware=t.middleware}withMiddleware(...t){const e=this.clone();return e.middleware=e.middleware.concat(...t),e}withPreMiddleware(...t){const e=t.map(i=>({pre:i}));return this.withMiddleware(...e)}withPostMiddleware(...t){const e=t.map(i=>({post:i}));return this.withMiddleware(...e)}isJsonMime(t){return t?u.jsonRegex.test(t):!1}async request(t,e){const{url:i,init:n}=await this.createFetchParams(t,e),r=await this.fetchApi(i,n);if(r&&r.status>=200&&r.status<300)return r;throw new g(r,"Response returned an error code")}async createFetchParams(t,e){let i=this.configuration.basePath+t.path;t.query!==void 0&&Object.keys(t.query).length!==0&&(i+="?"+this.configuration.queryParamsStringify(t.query));const n=Object.assign({},this.configuration.headers,t.headers);Object.keys(n).forEach(f=>n[f]===void 0?delete n[f]:{});const r=typeof e=="function"?e:async()=>e,s={method:t.method,headers:n,body:t.body,credentials:this.configuration.credentials},a={...s,...await r({init:s,context:t})};let c;R(a.body)||a.body instanceof URLSearchParams||b(a.body)?c=a.body:this.isJsonMime(n["Content-Type"])?c=JSON.stringify(a.body):c=a.body;const y={...a,body:c};return{url:i,init:y}}clone(){const t=this.constructor,e=new t(this.configuration);return e.middleware=this.middleware.slice(),e}}u.jsonRegex=new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$","i");function b(o){return typeof Blob<"u"&&o instanceof Blob}function R(o){return typeof FormData<"u"&&o instanceof FormData}class g extends Error{constructor(t,e){super(e),this.response=t,this.name="ResponseError"}}class m extends Error{constructor(t,e){super(e),this.cause=t,this.name="FetchError"}}class E extends Error{constructor(t,e){super(e),this.field=t,this.name="RequiredError"}}function A(o,t){return o[t]!=null}function h(o,t=""){return Object.keys(o).map(e=>w(e,o[e],t)).filter(e=>e.length>0).join("&")}function w(o,t,e=""){const i=e+(e.length?"[".concat(o,"]"):o);if(t instanceof Array){const n=t.map(r=>encodeURIComponent(String(r))).join("&".concat(encodeURIComponent(i),"="));return"".concat(encodeURIComponent(i),"=").concat(n)}if(t instanceof Set){const n=Array.from(t);return w(o,n,e)}return t instanceof Date?"".concat(encodeURIComponent(i),"=").concat(encodeURIComponent(t.toISOString())):t instanceof Object?h(t,i):"".concat(encodeURIComponent(i),"=").concat(encodeURIComponent(String(t)))}class P{constructor(t,e=i=>i){this.raw=t,this.transformer=e}async value(){return this.transformer(await this.raw.json())}}class j{constructor(t){this.raw=t}async value(){}}export{d as BASE_PATH,u as BaseAPI,l as Configuration,p as DefaultConfig,m as FetchError,P as JSONApiResponse,E as RequiredError,g as ResponseError,j as VoidApiResponse,A as exists,h as querystring};

package/dist/ui-user-management/out-tsc/src/assets/ui-user-management.js

@@ -1 +0,0 @@
-import{svg as d}from"lit";var r=Object.freeze,l=Object.defineProperty,t=(e,o)=>r(l(e,"raw",{value:r(o||e.slice())})),n;const v=d(n||(n=t(['\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 1H14V3H0V1H3.5L4.5 0H9.5L10.5 1ZM3 18C1.9 18 1 17.1 1 16V4H13V16C13 17.1 12.1 18 11 18H3Z" />\n'])));export{v as BinIcon};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as n}from"tslib";import{html as m}from"lit";import{property as w,state as v,query as p,customElement as I}from"lit/decorators.js";import"@digital-realty/ix-phone-input/ix-phone-input.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-textbox/ix-textbox.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-select/ix-select.js";import{MobxLitElement as z}from"@adobe/lit-mobx";import{UserProfileStyles as E}from"../../styles/ui-user-management3.js";import{getIxTextBoxValue as f,getIxPhoneInputValue as b}from"../../helpers/ui-user-management3.js";import{validateMandatory as C,validatePhoneNumber as L,validations as g,validateInput as y}from"../../helpers/ui-user-management2.js";import{TWStyles as U}from"../../ui-user-management2.js";import{UserProfileController as M}from"../../controllers/ui-user-management.js";import{getTimezoneInfo as B}from"../../helpers/ui-user-management4.js";import{successNotification as O}from"../../services/ui-user-management8.js";var P=Object.freeze,V=Object.defineProperty,u=(e,r)=>P(V(e,"raw",{value:P(r||e.slice())})),N,T,D,S,F;let o=class extends z{constructor(){super(...arguments),this.userProfileController=new M(this),this.supportedDateFormat={"MM/dd/yyyy":"mm/dd/yyyy (e.g.: 04/24/2023)","dd/MM/yyyy":"dd/mm/yyyy (e.g.: 24/04/2023)","yyyy/MM/dd":"yyyy/mm/dd (e.g.: 2023/04/24)"},this.supportedTimeFormat={"h:mm a":"12-hour clock (e.g. 1:00 PM)","HH:mm":"24-hour clock (e.g. 13:00)"},this.isDialogVisible=!1,this.allowSave=!0,this.isLoading=!1,this.timezones=B()}async firstUpdated(){await this.retrieveUserProfile(),this.shouldDisableSaveButton()}async retrieveUserProfile(){this.isLoading=!0,this.userProfile=await this.userProfileController.getUserProfile(),this.isLoading=!1}closeDialog(){this.isDialogVisible=!1,this.dispatchEvent(new CustomEvent("closeEditProfileDialog",{bubbles:!0,composed:!0}))}async saveUserProfileChanges(){var e,r,t,a;const s={profileSettingEditInput:{firstName:(e=f(this.firstName))!==null&&e!==void 0?e:this.firstName.value,lastName:(r=f(this.lastName))!==null&&r!==void 0?r:this.lastName.value,contactPhoneNumber:(t=b(this.phoneNumber))!==null&&t!==void 0?t:this.phoneNumber.value,preferredTimezone:this.preferredTimezone.value,preferredDateFormat:this.preferredDateFormat.value,preferredTimeFormat:this.preferredTimeFormat.value}};((a=this.userProfile)===null||a===void 0?void 0:a.preferredTimezone)!==s.profileSettingEditInput.preferredTimezone&&(s.profileSettingEditInput.timezoneOverridden=!0),this.isLoading=!0,await this.userProfileController.updateUserProfile(s).then(()=>{O("Your profile info has been successfully updated",3e3,"center")}),this.saveDateTimeFormatToLocalStorage(s),this.isLoading=!1,this.closeDialog()}validatePhoneInput(e,r){const t=b(e);if(t==="000-000-0000"){e.error=!1,e.errorText="",this.shouldDisableSaveButton();return}if(this.userProfile.contactPhoneNumber=t!=null?t:"",e.required&&!C(e,t)){this.allowSave=!1;return}if(!L(e,r)){this.allowSave=!1;return}e.error=!1,e.errorText="",this.shouldDisableSaveButton()}saveDateTimeFormatToLocalStorage(e){localStorage.setItem("date-format",JSON.stringify({preferredDateFormat:e.profileSettingEditInput.preferredDateFormat,preferredTimeFormat:e.profileSettingEditInput.preferredTimeFormat,preferredTimezone:e.profileSettingEditInput.preferredTimezone})),this.dispatchEvent(new CustomEvent("dateFormatChanged",{bubbles:!0,composed:!0}))}shouldDisableSaveButton(){this.allowSave=!(this.isInvalid()||this.isEmpty())}isInvalid(){return this.firstName.error||this.lastName.error||this.phoneNumber.error}isEmpty(){var e,r,t;return!(!((e=this.userProfile)===null||e===void 0)&&e.firstName)||!(!((r=this.userProfile)===null||r===void 0)&&r.lastName)||!(!((t=this.userProfile)===null||t===void 0)&&t.contactPhoneNumber)}render(){var e,r,t,a,s,h,c,x;return m(F||(F=u(['<ix-dialog\n      class="dialog z-50 relative"\n      ?open=',"\n      @close=","\n    >\n      ",'\n      <div class="dlr-text-heading flex p-6" slot="headline">\n        <span>Edit Profile</span>\n      </div>\n      <form\n        class="dialog-form min-w-0 max-w-full max-[640px]:w-screen px-6 pb-5 pt-[0px]"\n        slot="content"\n        id="edit-profile-id"\n        method="dialog"\n      >\n        <div class="user-profile-name-input-group grid grid-cols-1 sm:grid-cols-2 gap-3">\n          <div class="user-profile-input">\n            <ix-textbox\n              required\n              id="first-name"\n              class="textbox"\n              type="text"\n              pattern=','\n              label="First Name"\n              placeholder="i.e. First Name"\n              value=',"\n              @input=",'\n            ></ix-textbox>\n          </div>\n          <div class="user-profile-input">\n            <ix-textbox\n              required\n              id="last-name"\n              class="textbox"\n              type="text"\n              pattern=','\n              label="Last Name"\n              placeholder="i.e. Last Name"\n              value=',"\n              @input=",'\n            ></ix-textbox>\n          </div>\n        </div>\n\n        <div class="user-profile-input mb-4">\n          <ix-phone-input\n            required\n            id="phone-number"\n            class="single-row-textbox w-full"\n            label="Phone Number"\n            value=',"\n            @input=",'\n          ></ix-phone-input>\n        </div>\n        <div class="user-profile-input">\n          <ix-textbox\n            id="email"\n            class="single-row-textbox"\n            type="email"\n            label="Email Address"\n            readOnly="true"\n            disabled="true"\n            value=','\n          ></ix-textbox>\n        </div>\n        <div class="user-profile-input">\n          <ix-select\n            appearance="outlined"\n            id="preferredTimezone"\n            label="Time Zone"\n            menu-positioning="fixed"\n          >\n            ','\n          </ix-select>\n        </div>\n        <div class="user-profile-input">\n          <ix-select\n            menu-positioning="fixed"\n            appearance="outlined"\n            id="preferredDateFormat"\n            label="Date format"\n          >\n            ','\n          </ix-select>\n        </div>\n\n        <div class="user-profile-input">\n          <ix-select\n            menu-positioning="fixed"\n            appearance="outlined"\n            id="preferredTimeFormat"\n            label="Time Format"\n          >\n            ','\n          </ix-select>\n        </div>\n      </form>\n\n      <div class="dialog-actions p-2" slot="actions">\n        <ix-button\n          form="edit-profile-id"\n          appearance="text"\n          text="Cancel"\n          @click=','\n        >\n          Cancel\n        </ix-button>\n        <ix-button\n          id="save-user-button"\n          appearance="text"\n          text="Save Changes"\n          ?disabled=',"\n          @click=","\n        >\n          Save Changes\n        </ix-button>\n      </div>\n    </ix-dialog>"])),this.isDialogVisible,()=>this.closeDialog(),this.isLoading?m(N||(N=u(['<ix-progress indeterminate slot="content"></ix-progress>']))):"",g.name,(r=(e=this.userProfile)===null||e===void 0?void 0:e.firstName)!==null&&r!==void 0?r:"",()=>{var i;this.allowSave=y(this.firstName,this.firstName.value,"Invalid first name"),this.userProfile.firstName=(i=f(this.firstName))!==null&&i!==void 0?i:"",this.shouldDisableSaveButton()},g.name,(a=(t=this.userProfile)===null||t===void 0?void 0:t.lastName)!==null&&a!==void 0?a:"",()=>{var i;this.allowSave=y(this.lastName,this.lastName.value,"Invalid last name"),this.userProfile.lastName=(i=f(this.lastName))!==null&&i!==void 0?i:"",this.shouldDisableSaveButton()},(h=(s=this.userProfile)===null||s===void 0?void 0:s.contactPhoneNumber)!==null&&h!==void 0?h:"",()=>{this.validatePhoneInput(this.phoneNumber,"Invalid phone number")},(x=(c=this.userProfile)===null||c===void 0?void 0:c.email)!==null&&x!==void 0?x:"",this.timezones.map(i=>{var l;return m(T||(T=u(["\n                <ix-select-option\n                  value=","\n                  ?selected=",'\n                >\n                  <div slot="headline">',"</div>\n                </ix-select-option>\n              "])),i.timeZone,i.timeZone===((l=this.userProfile)===null||l===void 0?void 0:l.preferredTimezone),i.displayName)}),Object.entries(this.supportedDateFormat).map(([i,l])=>{var d;return m(D||(D=u(["\n                <ix-select-option\n                  value=","\n                  ?selected=",'\n                >\n                  <div slot="headline">',"</div>\n                </ix-select-option>\n              "])),i,i===((d=this.userProfile)===null||d===void 0?void 0:d.preferredDateFormat),l)}),Object.entries(this.supportedTimeFormat).map(([i,l])=>{var d;return m(S||(S=u(["\n                <ix-select-option\n                  value=","\n                  ?selected=",'\n                >\n                  <div slot="headline">',"</div>\n                </ix-select-option>\n              "])),i,i===((d=this.userProfile)===null||d===void 0?void 0:d.preferredTimeFormat),l)}),()=>this.closeDialog(),!this.allowSave||this.isLoading,()=>{this.saveUserProfileChanges()})}};o.styles=[E,U],n([w({type:Boolean})],o.prototype,"isDialogVisible",void 0),n([v()],o.prototype,"allowSave",void 0),n([v()],o.prototype,"userProfile",void 0),n([v()],o.prototype,"isLoading",void 0),n([v()],o.prototype,"timezones",void 0),n([p("#first-name")],o.prototype,"firstName",void 0),n([p("#last-name")],o.prototype,"lastName",void 0),n([p("#phone-number")],o.prototype,"phoneNumber",void 0),n([p("#preferredTimezone")],o.prototype,"preferredTimezone",void 0),n([p("#preferredDateFormat")],o.prototype,"preferredDateFormat",void 0),n([p("#preferredTimeFormat")],o.prototype,"preferredTimeFormat",void 0),o=n([I("ui-um-user-profile")],o);export{o as UiUmUserProfile};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management2.js

@@ -1 +0,0 @@
-import{__decorate as e}from"tslib";import{LitElement as a,html as d,nothing as c}from"lit";import{property as o,customElement as p}from"lit/decorators.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{IxDraftStyles as f}from"../../styles/ui-user-management6.js";import{ApplicationEvents as n}from"../../constants/events/ui-user-management.js";var s=Object.freeze,u=Object.defineProperty,v=(i,l)=>s(u(i,"raw",{value:s(l||i.slice())})),r;let t=class extends a{constructor(){super(...arguments),this.header="",this.subText="",this.isVisible=!1}static get styles(){return[f]}dispatchDraftToggleEvent(){this.dispatchEvent(new CustomEvent(n.ToggleDraft,{bubbles:!0,composed:!0}))}dispatchDialogToggleEvent(){this.dispatchEvent(new CustomEvent(n.ToggleDialog,{composed:!0}))}render(){return this.isVisible?(document.body.style.overflow="hidden",d(r||(r=v(['\n        <div class="draft-container">\n          <div class="draft-text">\n            <p class="dlr-text-caption text-on-surface-variant">','</p>\n            <p class="dlr-text-small font-bold">','</p>\n          </div>\n          <div class="draft-buttons">\n            <ix-icon-button filledIcon @click=','>\n              <ix-icon filled slot="default" style="color:red;">delete</ix-icon>\n            </ix-icon-button>\n            <ix-icon-button appearance="filled" @click=','>\n              <ix-icon slot="default">fullscreen</ix-icon>\n            </ix-icon-button>\n          </div>\n        </div>\n      '])),this.header,this.subText,this.dispatchDialogToggleEvent,this.dispatchDraftToggleEvent)):(document.body.style.overflow="auto",c)}};e([o({type:String})],t.prototype,"header",void 0),e([o({type:String})],t.prototype,"subText",void 0),e([o({type:Boolean})],t.prototype,"isVisible",void 0),t=e([p("ix-draft")],t);export{t as IxDraft};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as l}from"tslib";import{property as v,state as p,customElement as g}from"lit/decorators.js";import{css as f,LitElement as u,html as b}from"lit";import{Router as C}from"@vaadin/router";import{elementTheme as k}from"@digital-realty/theme";import"@digital-realty/ix-dialog/ix-dialog.js";import{BeforeLeaveDialogTestIds as o}from"../../constants/test-ids/ui-user-management5.js";import{ApplicationStorage as r}from"../../constants/ui-user-management4.js";import{navigateTo as w}from"../../routes/ui-user-management2.js";import{RouteNames as y}from"../../routes/ui-user-management.js";var c=Object.freeze,O=Object.defineProperty,d=(t,e)=>c(O(t,"raw",{value:c(e||t.slice())})),m,h;let i=class extends u{constructor(){super(...arguments),this.isOpen=!1,this._leavePromiseResolver=void 0,this._leavePromise=void 0,this.handleGlobalClick=async t=>{if(!(!this.isDirtyCallback||!this.isDirtyCallback())){for(const e of t.composedPath())if("tagName"in e&&(e.tagName==="A"||e.tagName==="UM-BACK-BUTTON")){t.preventDefault(),window.sessionStorage.setItem(r.SessionStorage.HasOutstandingChanges,"true");let n="";if(e.tagName==="A"){const{pathname:a,search:s}=new URL(e.href);if(a===window.location.pathname)return;n="".concat(a).concat(s)}try{this.isOpen=!0,this._leavePromise=new Promise(s=>{this._leavePromiseResolver=s});const a=await this._leavePromise;!a&&n?C.go(n):a||w(e.routeName||y.UserManagement)}finally{this.isOpen=!1,this._leavePromise=void 0,this._leavePromiseResolver=void 0,window.sessionStorage.removeItem(r.SessionStorage.HasOutstandingChanges)}break}}}}async connectedCallback(){super.connectedCallback(),this.handleGlobalClick=this.handleGlobalClick.bind(this),window.addEventListener("click",this.handleGlobalClick,!0)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("click",this.handleGlobalClick,!0)}closeDialog(t=!0){this.isOpen=!1,this._leavePromiseResolver(t)}render(){return b(m||(m=d(["<ix-dialog\n      ?open=","\n      @closed=",'\n      class="dialog z-50 relative"\n      data-testid=','\n    >\n      <div slot="headline" class="headline" data-testid=','>\n        You have unsaved changes\n      </div>\n      <div slot="content" id="duplicate-form-id" method="dialog" data-testid=','>\n        If you leave this page, you will lose the changes you made.\n      </div>\n      <div class="dialog-actions" slot="actions">\n        <ix-button\n          form="unsaved-changes-form-id"\n          appearance="text"\n          @click=',"\n          data-testid=",'\n        >\n          Cancel\n        </ix-button>\n        <ix-button\n          form="unsaved-changes-form-id"\n          appearance="text"\n          @click=',"\n          data-testid=","\n        >\n          Confirm\n        </ix-button>\n      </div>\n    </ix-dialog>"])),this.isOpen,this.isOpen?this.closeDialog:void 0,o.DIALOG,o.HEADLINE,o.CONTENT,()=>this.closeDialog(!0),o.BTN_CANCEL,()=>this.closeDialog(!1),o.BTN_CONFIRM)}};i.styles=[k,f(h||(h=d(["\n      .headline {\n        font-size: 20px;\n        font-weight: 700;\n        color: #092241;\n      }\n    "])))],l([v()],i.prototype,"isDirtyCallback",void 0),l([p()],i.prototype,"isOpen",void 0),i=l([g("before-leave-dialog")],i);export{i as BeforeLeaveDialog};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management4.js

@@ -1 +0,0 @@
-import{__decorate as e}from"tslib";import{LitElement as u,html as o,nothing as s}from"lit";import{property as n,customElement as g}from"lit/decorators.js";import{AppGeneralStyles as x}from"../../styles/ui-user-management8.js";import{UserDetailsStyles as y}from"../../styles/ui-user-management9.js";import{TWStyles as C}from"../../ui-user-management2.js";import{ChangesDialogTestIds as r}from"../../constants/test-ids/ui-user-management4.js";var d=Object.freeze,f=Object.defineProperty,a=(i,m)=>d(f(i,"raw",{value:d(m||i.slice())})),c,h,l,p;let t=class extends u{constructor(){super(...arguments),this.handleEscapeKeyBinding=this.handleEscapeKey.bind(this),this.headerText="",this.bodyText="",this.cancelButtonText="Cancel",this.confirmationButtonText="Confirm",this.isOpen=!1,this.submitting=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleEscapeKeyBinding)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleEscapeKeyBinding)}handleEscapeKey(i){return i.which===27&&this.handleCancelChanges(),null}handleConfirmChanges(){this.dispatchEvent(new CustomEvent("confirm"))}handleCancelChanges(){this.dispatchEvent(new CustomEvent("cancel"))}renderHeader(){return this.headerText.length?o(c||(c=a(['<div slot="headline">\n        <h1 class="dlr-text-heading">',"</h1>\n      </div>"])),this.headerText):s}renderContent(){return this.bodyText?o(h||(h=a(['<div class="confirmation-content" slot="content" method="dialog">\n        <p>',"</p>\n      </div>"])),this.bodyText):s}renderFooter(){return o(l||(l=a(['\n      <div class="dialog-actions" slot="actions">\n        <ix-button\n          form="confirm-updates"\n          appearance="text"\n          text=',"\n          ?disabled=","\n          @click=","\n          data-testid=","\n        >\n          ",'\n        </ix-button>\n        <ix-button\n          id="add-account-button"\n          form="confirm-updates"\n          appearance="text"\n          text=',"\n          ?submitting=","\n          @click=","\n          data-testid=","\n        >\n          ","\n        </ix-button>\n      </div>\n    "])),this.cancelButtonText,this.submitting,()=>this.handleCancelChanges(),r.BTN_CANCEL(this.id),this.cancelButtonText,this.confirmationButtonText,this.submitting,()=>this.handleConfirmChanges(),r.BTN_CONFIRM(this.id),this.confirmationButtonText)}render(){return o(p||(p=a(['<ix-dialog\n      class="z-50 relative"\n      id="add-role-to-account"\n      ?open=',"\n      @closed=","\n    >\n      "," "," ","\n    </ix-dialog>"])),this.isOpen,()=>this.handleCancelChanges(),this.renderHeader(),this.renderContent(),this.renderFooter())}};t.styles=[x,y,C],e([n({type:String})],t.prototype,"headerText",void 0),e([n({type:String})],t.prototype,"bodyText",void 0),e([n({type:String})],t.prototype,"cancelButtonText",void 0),e([n({type:String})],t.prototype,"confirmationButtonText",void 0),e([n({type:Boolean,reflect:!0})],t.prototype,"isOpen",void 0),e([n({type:Boolean})],t.prototype,"submitting",void 0),t=e([g("changes-confirmation")],t);export{t as ChangesConfirmation};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management5.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{LitElement as u,html as o,nothing as d}from"lit";import{property as n,query as v,customElement as b}from"lit/decorators.js";import{baseTheme as g}from"@digital-realty/theme";import{UiUmWizardStepStyles as f}from"../../styles/ui-user-management12.js";import{TWStyles as S}from"../../ui-user-management2.js";import{CreateUserEvents as y}from"../../constants/events/ui-user-management2.js";var l=Object.freeze,w=Object.defineProperty,r=(t,e)=>l(w(t,"raw",{value:l(e||t.slice())})),p,c,h;let i=class extends u{constructor(){super(...arguments),this.handleSlotChangeBinding=this.handleSlotChange.bind(this),this.stepTitle="",this.stepSubTitle="",this.isRequired=!1,this.isLastStep=!1,this.submitting=!1}static get styles(){return[f,g,S]}disconnectedCallback(){var t;super.disconnectedCallback();const e=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");e&&e.removeEventListener("slotchange",this.handleSlotChangeBinding)}firstUpdated(){var t;const e=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",this.handleSlotChangeBinding)}handleSlotChange(){var t,e;const a=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");for(const m of a.assignedNodes())(e=this.form)===null||e===void 0||e.insertBefore(m,a)}dispatchSubmitEvent(t){t.preventDefault(),this.dispatchEvent(new CustomEvent(y.CreateContact,{bubbles:!0,composed:!0}))}render(){return o(h||(h=r(['\n      <form class="wizard-step-form">\n        <div class="wizard-step-heading pt-6">\n          <span class="dlr-text-page-title" data-testid="dlr-text-page-title"\n            >','</span\n          >\n          <div class="subheading-container">\n            <span class="dlr-text-heading" data-testid="dlr-text-heading"\n              >',"</span\n            >\n            ","\n            ","\n          </div>\n        </div>\n        <slot></slot>\n      </form>\n    "])),this.stepTitle,this.stepSubTitle,this.isRequired?o(p||(p=r(['\n                  <span class="dlr-text-small italic required-field">*denotes required field</span>\n                ']))):d,this.isLastStep?o(c||(c=r(['\n                  <ix-button\n                    class="submit-btn"\n                    has-icon\n                    ?submitting=',"\n                    @click=",'\n                    data-testid="wizard-submit-button"\n                  >\n                    <div class="submit-btn-content">\n                      Yes, Submit\n                      <md-icon class="arrow-forward-icon" slot="icon">arrow_forward</md-icon>\n                    </div>\n                  </ix-button>\n                '])),this.submitting,t=>this.dispatchSubmitEvent(t)):d)}};s([n({type:String})],i.prototype,"stepTitle",void 0),s([n({type:String})],i.prototype,"stepSubTitle",void 0),s([n({type:Boolean})],i.prototype,"isRequired",void 0),s([n({type:Boolean})],i.prototype,"isLastStep",void 0),s([n({type:Boolean})],i.prototype,"submitting",void 0),s([v("form")],i.prototype,"form",void 0),i=s([b("ui-um-wizard-step")],i);export{i as UiUmWizardStep};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management6.js

@@ -1 +0,0 @@
-import{__decorate as n}from"tslib";import{LitElement as s,html as l}from"lit";import{property as m,customElement as c}from"lit/decorators.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{UiUmWizardStyles as h}from"../../styles/ui-user-management13.js";import{TWStyles as p}from"../../ui-user-management2.js";var a=Object.freeze,u=Object.defineProperty,v=(t,e)=>a(u(t,"raw",{value:a(e||t.slice())})),d;const i={UpdateForm:"update-form",NextStepWizard:"next-step-wizard",PrevStep:"prev-step-wizard",ButtonToggle:"button-toggle"};let o=class extends s{constructor(){super(...arguments),this.updateFormBinding=this.updateForm.bind(this),this.handleSlotChangeBinding=this.handleSlotChange.bind(this),this.wizardForm=new FormData}static get styles(){return[h,p]}connectedCallback(){super.connectedCallback(),window.addEventListener(i.UpdateForm,this.updateFormBinding)}disconnectedCallback(){var t;super.disconnectedCallback(),window.removeEventListener(i.UpdateForm,this.updateFormBinding);const e=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");e&&e.removeEventListener("slotchange",this.handleSlotChangeBinding)}firstUpdated(){var t;const e=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",this.handleSlotChangeBinding)}updateForm(t){t.detail.forEach((e,r)=>this.wizardForm.set(r,e))}handleSlotChange(){var t;const e=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");e&&e.assignedElements().forEach(r=>{r.wizardForm=this.wizardForm})}dispatchButtonToggleEvent(t){this.dispatchEvent(new CustomEvent(i.ButtonToggle,{detail:t,bubbles:!0,composed:!0}))}render(){return l(d||(d=v(['\n      <div class="wizard-body">\n        <form class="form">\n          <slot name="wizard-content"></slot>\n        </form>\n      </div>\n    '])))}};n([m({type:Object})],o.prototype,"wizardForm",void 0),o=n([c("ui-um-wizard")],o);export{o as UiUmWizard};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management7.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{LitElement as h,html as r,nothing as a}from"lit";import{property as n,query as d,customElement as p}from"lit/decorators.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import"@material/web/icon/icon.js";import{TWStyles as v}from"../../ui-user-management2.js";import{UiUmDrawerStyles as w}from"../../styles/ui-user-management14.js";var l=Object.freeze,b=Object.defineProperty,c=(t,i)=>l(b(t,"raw",{value:l(i||t.slice())})),m,u;const o={ToggleDialog:"toggle-dialog",ToggleDraft:"toggle-draft",CloseSuccess:"close-success",BlurDrawer:"blur-drawer"};let e=class extends h{constructor(){super(...arguments),this.isVisible=!1,this.summaryScreen=!1,this.submitting=!1,this.showMinimiseButton=!1}static get styles(){return[w,v]}dispatchDialogToggleEvent(){this.submitting||this.dispatchEvent(new CustomEvent(o.ToggleDialog,{composed:!0,bubbles:!0}))}dispatchDraftToggleEvent(){var t,i;(t=this.drawer)===null||t===void 0||t.setAttribute("class","drawer-slide-out"),(i=this.drawerContainer)===null||i===void 0||i.setAttribute("class","drawer-container-hide"),setTimeout(()=>{this.dispatchEvent(new CustomEvent(o.ToggleDraft,{bubbles:!0,composed:!0}))},250)}dispatchBlurEvent(){this.dispatchEvent(new CustomEvent(o.BlurDrawer,{bubbles:!0,composed:!0}))}dispatchDrawerCloseEvent(){this.dispatchEvent(new CustomEvent(o.CloseSuccess,{bubbles:!0,composed:!0}))}render(){const t=this.isVisible?"slide-in":"slide-out",i=this.submitting?"hover-layer-disabled":"hover-layer-active";return this.isVisible?(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden",r(u||(u=c(['\n        <div class="drawer-container" data-testid="ui-um-drawer-container">\n          <div\n            class="drawer-filler"\n            @click=',"\n            @keypress=",'\n          ></div>\n          <aside class="drawer-','">\n            <div class="drawer-header">\n              <div class="drawer-header__hide-btn">\n                ','\n              </div>\n              <div>\n                <slot name="centre-top"></slot>\n              </div>\n              <div class="drawer-header__close-btn">\n                <div class=','>\n                  <md-icon\n                    class="font-extralight"\n                    @click=','\n                    data-testid="close-drawer-icon"\n                    >Close</md-icon\n                  >\n                </div>\n              </div>\n            </div>\n            <div class="drawer-body">\n              <slot name="content"></slot>\n            </div>\n          </aside>\n        </div>\n      '])),this.dispatchBlurEvent,this.dispatchBlurEvent,t,!this.summaryScreen&&this.showMinimiseButton?r(m||(m=c(['\n                      <ix-button\n                        class="flex w-24"\n                        appearance="text"\n                        has-icon\n                        @click=',"\n                        ?disabled=",'\n                        data-testid="hide-drawer-button"\n                      >\n                        <md-icon class="hide-icon" slot="icon">fullscreen_exit</md-icon>\n                        <p class="dlr-text-small hide-text font-bold uppercase">Hide</p>\n                      </ix-button>\n                    '])),this.dispatchDraftToggleEvent,this.submitting):a,i,this.summaryScreen?this.dispatchDrawerCloseEvent:this.dispatchDialogToggleEvent)):(document.body.style.overflow="auto",document.documentElement.style.overflow="initial",a)}};s([n({type:Boolean})],e.prototype,"isVisible",void 0),s([n({type:Boolean})],e.prototype,"summaryScreen",void 0),s([n({type:Boolean})],e.prototype,"submitting",void 0),s([n({type:Boolean})],e.prototype,"showMinimiseButton",void 0),s([d("aside")],e.prototype,"drawer",void 0),s([d(".drawer-container")],e.prototype,"drawerContainer",void 0),e=s([p("ui-um-drawer")],e);export{e as UiUmDrawer};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management8.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{calculateCheckedEndNodesCount as v,findChildNodeById as C,updateNodeCheckedStatus as y}from"@digital-realty/ix-generic-tree";import{LitElement as U,html as d,nothing as k}from"lit";import{property as l,state as h,customElement as x}from"lit/decorators.js";import"@digital-realty/ix-accordion/ix-accordion.js";import{TWStyles as N}from"../../ui-user-management2.js";import{UserDetailAccordionStyles as A}from"../../styles/ui-user-management21.js";import{userFlagTypeList as E}from"../../models/ui-user-management.js";import{UserFlagsTestIds as c}from"../../constants/test-ids/ui-user-management11.js";import{ApplicationEvents as T}from"../../constants/events/ui-user-management.js";import O from"../../services/ui-user-management22.js";import"./ui-user-management9.js";import g from"../../services/ui-user-management16.js";import{accountAssociationDraftStore as _}from"../../state/ui-user-management6.js";var f=Object.freeze,I=Object.defineProperty,p=(e,t)=>f(I(e,"raw",{value:f(t||e.slice())})),u,m,b;let s=class extends U{constructor(){super(...arguments),this.searchEnabled=!1,this.showCheckboxes=!1,this.disableCheckboxes=!1,this.filledIcons=!1,this.searching=!1,this.flags=[],this.flagUpdateManager=new O,this._defaultUpdates=[]}reset(){this._defaultUpdates=[],this.flagUpdateManager.reset()}onAccordionToggle(e){!e.detail.isOpen||!this.flags.length||(this.flags.forEach(t=>{t.label!==e.detail.accordionId?t.isOpen=!1:t.isOpen=!0}),this.requestUpdate())}connectedCallback(){var e;if(super.connectedCallback(),this._defaultUpdates=[],!this.contact)return;const t=_.get();if(!(!((e=this._defaultUpdates)===null||e===void 0)&&e.length)&&t!=null&&t.accountNumber){const o="".concat(t.accountNumber,":").concat(this.contact.id),i=g.capture(o);i&&g.lock(o),this._defaultUpdates=i}}disconnectedCallback(){this.reset()}onTreeCheckToggle(e){this.dispatchEvent(new CustomEvent(T.CheckToggle,{detail:{message:{...e.detail.message,flagLabel:e.detail.message.flagLabel,updates:e.detail.message.updates,rootNode:e.detail.message.rootNode}}}))}getUserFlagAssignmentCount(e){var t;const o=(t=e.rootNode.children)===null||t===void 0?void 0:t.at(0);o&&(o.checkedChildrenCount=v(o),this.renderAssignmentCount(e))}renderAssignmentCount(e){var t;const o=(t=e.rootNode.children)===null||t===void 0?void 0:t.at(0);return o!=null&&o.checkedChildrenCount?d(u||(u=p(['\n      <span\n        style="color: #53657A;margin-left: 8px;"\n        data-testid=',"\n        >","</span\n      >\n    "])),c.ASSIGNMENT_COUNT(e.label),o.checkedChildrenCount):k}renderUserFlag(e){var t,o;this.flagUpdateManager.create(e.label);const i=this.flagUpdateManager.nodeUpdates.find(n=>n.key===e.label);return!((t=this._defaultUpdates)===null||t===void 0)&&t.length&&!e.defaultsApplied&&(this._defaultUpdates.forEach(n=>{const r=C(e.rootNode,n.id);r&&(r.checked=!0,y(r,e.rootNode),i==null||i.item.update(e.rootNode))}),e.defaultsApplied=!0),this.getUserFlagAssignmentCount(e),d(m||(m=p(['\n      <div class="mb-2">\n        <ix-accordion\n          ?isOpen=',"\n          .accordionId=","\n          @toggle=","\n          data-testid=",'\n        >\n          <p slot="title" class="m-0 pl-1">\n            '," ",'\n          </p>\n\n          <div style="padding-left: 30px;">\n            <div class="flex items-center">\n              <p class="dlr-text-small">\n                ',"\n              </p>\n\n              <ix-progress\n                .linear=","\n                .indeterminate=",'\n                style="visibility: ','"\n              ></ix-progress>\n            </div>\n\n            <user-flag\n              data-testid="','"\n              ?showCheckboxes=',"\n              ?filledIcons=","\n              ?disableCheckboxes=","\n              ?searchEnabled=","\n              .flagTree=","\n              .flagUpdateManager=","\n              @check-toggle=","\n            ></user-flag>\n          </div>\n        </ix-accordion>\n      </div>\n    "])),e.isOpen,e.label,this.onAccordionToggle,c.ACCORDION(e.label),e.label,this.renderAssignmentCount(e),((o=E.find(n=>n.text===e.label))===null||o===void 0?void 0:o.desc)||"",!1,!0,this.searching?"visible":"hidden",c.COMPONENT(e.label),this.showCheckboxes,this.filledIcons,this.disableCheckboxes,this.searchEnabled,e,this.flagUpdateManager,n=>this.onTreeCheckToggle(n))}render(){return d(b||(b=p([" ",""])),this.flags.map(e=>this.renderUserFlag(e)))}};s.styles=[A,N],a([l({type:Boolean})],s.prototype,"searchEnabled",void 0),a([l({type:Boolean})],s.prototype,"showCheckboxes",void 0),a([l({type:Boolean})],s.prototype,"disableCheckboxes",void 0),a([l({type:Boolean})],s.prototype,"filledIcons",void 0),a([l({type:Boolean})],s.prototype,"searching",void 0),a([l({type:Array,attribute:!1})],s.prototype,"flags",void 0),a([l({type:Object})],s.prototype,"contact",void 0),a([h()],s.prototype,"flagUpdateManager",void 0),a([h()],s.prototype,"_defaultUpdates",void 0),s=a([x("user-flags")],s);export{s as UserFlags};

package/dist/ui-user-management/out-tsc/src/components/Shared/ui-user-management9.js

@@ -1 +0,0 @@
-import{__decorate as o}from"tslib";import{LitElement as n,html as c}from"lit";import p from"lodash.debounce";import{property as r,state as i,customElement as g}from"lit/decorators.js";import{collapseAllNodes as f}from"@digital-realty/ix-generic-tree";import"@digital-realty/ix-accordion/ix-accordion.js";import"@digital-realty/ix-generic-tree/ix-generic-tree.js";import{TWStyles as u}from"../../ui-user-management2.js";import{UserDetailAccordionStyles as m}from"../../styles/ui-user-management21.js";import{ApplicationEvents as v}from"../../constants/events/ui-user-management.js";import{UserFlagsTestIds as T}from"../../constants/test-ids/ui-user-management11.js";import{resetSelected as x,findMatchingNodes as y,configureSelectedNodes as b,onSearchNavigation as I}from"../../services/ui-user-management23.js";var d=Object.freeze,C=Object.defineProperty,N=(t,e)=>d(C(t,"raw",{value:d(e||t.slice())})),l;let s=class extends n{constructor(){super(...arguments),this.searchEnabled=!1,this.showCheckboxes=!1,this.disableCheckboxes=!1,this.filledIcons=!1,this.searching=!1,this.searchText="",this.selectedIds=[],this.searchResultCount=0,this.searchResultIndex=0,this.onSearchTextChange=p(async t=>{x(this.flagTree.rootNode),this.searchText=t.detail.searchText;const e=y(this.flagTree.rootNode,t.detail.searchText);e.length&&f(this.flagTree.rootNode),this.searchResultCount=e.length;const a=b(this.flagTree.rootNode,e);[this.selectedId]=a,this.selectedIds=[...a],this.searchResultIndex=a.indexOf(this.selectedId)+1,this.requestUpdate()},500)}onTreeCheckToggle(t){var e;this.flagTree.updateService&&this.flagTree.updateService.update(t.detail.message.rootNode);const a=this.flagUpdateManager.nodeUpdates.find(h=>h.key===this.flagTree.label);a&&a.item.update(t.detail.message.rootNode),this.dispatchEvent(new CustomEvent(v.CheckToggle,{detail:{message:{...t.detail.message,flagLabel:this.flagTree.label,updates:this.flagUpdateManager.nodeChanges,rootNode:(e=this.flagTree.updateService)===null||e===void 0?void 0:e.nodeUpdates[0]}}})),this.flagTree.rootNode=structuredClone(t.detail.message.rootNode),this.requestUpdate("flagTree")}onSearchNavigation(t){if(!this.selectedIds.length)return;const e=I(t.detail.direction,this.selectedId,this.selectedIds);this.selectedId=e!=null?e:this.selectedId,this.searchResultIndex=this.selectedIds.indexOf(this.selectedId)+1,this.requestUpdate()}render(){var t;return c(l||(l=N(['\n      <ix-generic-tree\n        data-testid="','"\n        ?showCheckboxes=',"\n        ?filledIcons=","\n        ?disableCheckboxes=","\n        .rootNode=","\n        .selectedId=","\n        .searchText=","\n        @check-toggle=","\n        @search-text-change=","\n        @search-navigation=","\n        ?searchEnabled=","\n        .searchResultCount=","\n        .searchResultIndex=",'\n        searchPlaceholder="Search by Site or Asset Name.."\n      ></ix-generic-tree>\n    '])),T.TREE(this.flagTree.label),this.showCheckboxes,this.filledIcons,this.disableCheckboxes,this.flagTree.rootNode,this.selectedId,this.searchText,e=>this.onTreeCheckToggle(e),e=>this.onSearchTextChange(e),e=>this.onSearchNavigation(e),this.searchEnabled&&(((t=this.flagTree.rootNode.children)===null||t===void 0?void 0:t.length)||0)>0,this.searchResultCount,this.searchResultIndex)}};s.styles=[m,u],o([r({type:Object,attribute:!1})],s.prototype,"flagTree",void 0),o([r({type:Boolean})],s.prototype,"searchEnabled",void 0),o([r({type:Boolean})],s.prototype,"showCheckboxes",void 0),o([r({type:Boolean})],s.prototype,"disableCheckboxes",void 0),o([r({type:Boolean})],s.prototype,"filledIcons",void 0),o([r({type:Boolean})],s.prototype,"searching",void 0),o([r({type:String})],s.prototype,"selectedId",void 0),o([r({type:Object})],s.prototype,"flagUpdateManager",void 0),o([i()],s.prototype,"searchText",void 0),o([i()],s.prototype,"selectedIds",void 0),o([i()],s.prototype,"searchResultCount",void 0),o([i()],s.prototype,"searchResultIndex",void 0),s=o([g("user-flag")],s);export{s as UserFlag};

package/dist/ui-user-management/out-tsc/src/components/dev/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{LitElement as i,html as c}from"lit";import{customElement as l}from"lit/decorators.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";var r=Object.freeze,m=Object.defineProperty,s=(t,n)=>r(m(t,"raw",{value:r(n||t.slice())})),o;let e=class extends i{render(){return c(o||(o=s(["\n          <ix-icon-button\n            @click=",'\n            icon="restart_alt"\n          >\n          </ix-icon-button>\n      </div>\n    '])),()=>{localStorage.clear(),window.location.href="/"})}};e=a([l("dev-clear-storage-button")],e);export{e as DevClearStorageButton};

package/dist/ui-user-management/out-tsc/src/components/general/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as n,html as a}from"lit";import{customElement as m}from"lit/decorators.js";import{CTA_BTN as c}from"../../constants/ui-user-management3.js";import{ApplicationEvents as p}from"../../constants/events/ui-user-management.js";import{raiseEvent as l}from"../../helpers/ui-user-management.js";var r=Object.freeze,d=Object.defineProperty,u=(t,s)=>r(d(t,"raw",{value:r(s||t.slice())})),o;let e=class extends n{dispatchCreateUserEvent(){l(this,p.CreateUserClicked)}render(){return a(o||(o=u([" <ix-button @click=",' has-icon>\n      <md-icon slot="icon">add</md-icon>\n      <span class=',">Create User</span>\n    </ix-button>"])),this.dispatchCreateUserEvent,c)}};e=i([m("um-create-user-button")],e);export{e as UmCreateUserButton};

package/dist/ui-user-management/out-tsc/src/components/general/ui-user-management2.js

@@ -1 +0,0 @@
-import{__decorate as r}from"tslib";import{LitElement as i,html as m}from"lit";import{property as s,customElement as c}from"lit/decorators.js";import"../dev/ui-user-management.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{navigateTo as u}from"../../routes/ui-user-management2.js";import{CTA_BTN as p}from"../../constants/ui-user-management3.js";import{ApplicationStorage as l}from"../../constants/ui-user-management4.js";var o=Object.freeze,d=Object.defineProperty,b=(e,a)=>o(d(e,"raw",{value:o(a||e.slice())})),n;let t=class extends i{constructor(){super(...arguments),this.routeName=null}return(){window.sessionStorage.getItem(l.SessionStorage.HasOutstandingChanges)!=="true"&&this.routeName&&u(this.routeName)}render(){return m(n||(n=b([' <ix-button\n      appearance="text"\n      has-icon\n      @click=','\n      data-testid="um-back-button"\n    >\n      <md-icon slot="icon">arrow_back</md-icon>\n      <span class=',">Back</span>\n    </ix-button>"])),this.return,p)}};r([s()],t.prototype,"routeName",void 0),t=r([c("um-back-button")],t);export{t as UmBackButton};

package/dist/ui-user-management/out-tsc/src/components/general/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as r}from"tslib";import{LitElement as n,html as l}from"lit";import{customElement as p}from"lit/decorators.js";import{TWStyles as c}from"../../ui-user-management2.js";import{PrivilegeDescriptionsStyles as o}from"../../styles/ui-user-management19.js";var a=Object.freeze,d=Object.defineProperty,m=(t,s)=>a(d(t,"raw",{value:a(s||t.slice())})),i;let e=class extends n{render(){return l(i||(i=m(['\n      <div class="bg-surface p-5 dlr-text-caption">\n        <div class="flex items-center mb-3">\n          <ix-icon slot="default" class="text-graphics-fill mt-1 mr-2">info</ix-icon>\n          <h4>Privilege Descriptions</h4>\n        </div>\n        <h5 class="dlr-text-caption-alt uppercase">Approve</h5>\n        <p class="mb-4 dlr-text-caption">\n          Ability to approve, create, update, and view all data in the permission\n        </p>\n        <h5 class="dlr-text-caption-alt uppercase">Create</h5>\n        <p class="mb-4">Ability to create, update, and view all data in the permission.</p>\n        <h5 class="dlr-text-caption-alt uppercase">Update</h5>\n        <p class="mb-4">Cannot create new data, but can update all data in the permission.</p>\n        <h5 class="dlr-text-caption-alt uppercase">Read</h5>\n        <p class="mb-1">Read-only access to all data in the permission.</p>\n      </div>\n    '])))}};e.styles=[c,o],e=r([p("privilege-descriptions")],e);export{e as PrivilegeDescriptions};

package/dist/ui-user-management/out-tsc/src/components/layout/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{html as t,nothing as g}from"lit";import{property as v,state as n,customElement as b}from"lit/decorators.js";import{MobxLitElement as w}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import{RouteNames as o}from"../../routes/ui-user-management.js";import{TWStyles as f}from"../../ui-user-management2.js";import{AppHeaderStyles as C}from"../../styles/ui-user-management2.js";import{ApplicationEvents as i}from"../../constants/events/ui-user-management.js";import{userProfile as y}from"../../state/ui-user-management.js";import{raiseEvent as U}from"../../helpers/ui-user-management.js";var d=Object.freeze,H=Object.defineProperty,r=(a,l)=>d(H(a,"raw",{value:d(l||a.slice())})),p,h,m,u,c;let e=class extends w{constructor(){super(...arguments),this.updateLayoutBinding=this.updateLayout.bind(this),this.pageTitle="",this.showCreateUserButton=!1,this.showHeader=!0}connectedCallback(){super.connectedCallback(),window.addEventListener(i.RouteChanged,this.updateLayoutBinding)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(i.RouteChanged,this.updateLayoutBinding)}updateLayout(a){switch(this.pageTitle=a.detail.location.route.name||"",this.pageTitle){case"User Management":this.showCreateUserButton=y.hasExternalUserCreate(),this.showHeader=!0;break;case"Role Management":this.showCreateUserButton=!1,this.showHeader=!0;break;case"User Management Details":this.showCreateUserButton=!1,this.showHeader=!1;break}}getRoute(){return this.pageTitle==="User Management Details"?o.UserManagement:o.Home}dispatchCreateUserEvent(){U(this,i.CreateUser)}renderAppHeader(){return t(u||(u=r([' <div class="flex gap-2 items-center mt-4 mb-8 justify-between">\n      <div>\n      ','\n      </div>\n      <div class="items-center flex gap-2 flex-wrap justify-end">\n      ',"\n      </div>\n    </div>\n  </div>"])),this.showHeader?t(p||(p=r(['<h1 class="dlr-text-page-title">',"</h1>"])),this.pageTitle):t(h||(h=r([" <um-back-button .routeName=","></um-back-button> "])),this.getRoute()),this.showCreateUserButton?t(m||(m=r(["\n              <ix-button\n                @click=",'\n                has-icon\n                data-testid="create-user-button"\n              >\n                Create User\n                <md-icon slot="icon">add</md-icon>\n              </ix-button>\n            '])),this.dispatchCreateUserEvent):g)}render(){return t(c||(c=r(["",""])),this.renderAppHeader())}};e.styles=[f,C],s([v({type:String})],e.prototype,"pageTitle",void 0),s([n()],e.prototype,"showCreateUserButton",void 0),s([n()],e.prototype,"showHeader",void 0),e=s([b("app-header")],e);export{e as AppHeader};

package/dist/ui-user-management/out-tsc/src/components/navigation/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{html as t,nothing as f}from"lit";import{MobxLitElement as w}from"@adobe/lit-mobx";import{property as u,customElement as x}from"lit/decorators.js";import{NavigationBarStyles as b}from"../../styles/ui-user-management.js";import"../dev/ui-user-management.js";import{TWStyles as y}from"../../ui-user-management2.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{svgContent as a}from"./ui-user-management2.js";import{userProfile as N}from"../../state/ui-user-management.js";import{getPathByName as r}from"../../routes/ui-user-management2.js";import{RouteNames as l}from"../../routes/ui-user-management.js";import{raiseEvent as B}from"../../helpers/ui-user-management.js";import{ApplicationEvents as o}from"../../constants/events/ui-user-management.js";var d=Object.freeze,I=Object.defineProperty,n=(e,v)=>d(I(e,"raw",{value:d(v||e.slice())})),c,m,p,g,h;let i=class extends w{constructor(){super(...arguments),this.setNavigationItemsBinding=this.setNavigationItems.bind(this),this.navigationItems=[],this.compact=!1}static get styles(){return[b,y]}connectedCallback(){super.connectedCallback(),window.addEventListener(o.RouteChanged,this.setNavigationItemsBinding)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(o.RouteChanged,this.setNavigationItemsBinding)}setNavigationItems(){this.requestUpdate(),!this.navigationItems.length&&(this.navigationItems=[{href:r(l.UserManagement),title:"User Management",icon:t(c||(c=n(['<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="white">\n          ',"\n        </svg>"])),a.userManagementIcon)},{href:r(l.RoleManagement),title:"Role Management",icon:t(m||(m=n(['<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="white">\n          ',"\n        </svg>"])),a.roleManagementIcon)}])}toggleCompact(){B(this,o.ToggleNavBar),setTimeout(()=>{window.dispatchEvent(new Event("resize"))},301)}renderNavigation(){return N.hasExternalUserRead()?t(g||(g=n(["",""])),this.navigationItems.map(e=>t(p||(p=n(['\n          <li class="relative m-1">\n            <div\n              class=',"\n            ></div>\n            <a\n              href=","\n              class=",'\n            >\n              <div class="w-6 shrink-0">','</div>\n              <div class="grow text-left">\n                <div class=" ',' animate-width overflow-hidden">\n                  ',"\n                </div>\n              </div>\n            </a>\n          </li>\n        "])),e.href===window.location.pathname?"bg-white opacity-[.16] inset-0 rounded-md absolute":"",e.href,e.href===window.location.pathname?"flex px-6 py-4 gap-4 rounded-md font-bold":"flex px-6 py-4 gap-4 rounded-md font-bold opacity-60",e.icon,this.compact?"w-0":"w-full",e.title))):f}render(){return t(h||(h=n(["\n      <ix-icon-button\n        @click=",'\n        icon="chevron_right"\n        class="drop-shadow-lg items-center expand-cta bg-white rounded-full text-slate-600 h-8 w-8 absolute z-20 lg:right-0 lg:top-[34px] hidden top-[27px] right-[-8px] sm:flex ','"\n      >\n      </ix-icon-button>\n      <nav\n        class="flex flex-col overflow-hidden min-h-full rounded-xl drop-shadow text-center nav-bar long text-white ',' whitespace-nowrap animate-width"\n      >\n        <div class="m-1 px-6 py-4 hidden sm:block">\n          <svg\n            @click=','\n            focusable="false"\n            viewBox="0 0 178 27"\n            fill="white"\n            class="w-[200px]"\n          >\n            ','\n          </svg>\n        </div>\n        <hr class="divider hidden sm:block" />\n        <ul class="grow">\n          ','\n        </ul>\n        <dev-clear-storage-button class="white-icon self-start p-5"></dev-clear-storage-button>\n      </nav>\n    '])),this.toggleCompact,this.compact?"animate-spin-180-backwards":"animate-spin-180-forwards",this.compact?"closed":"",this.toggleCompact,a.digitalRealtyLogoWithText,this.renderNavigation())}};s([u({type:Boolean})],i.prototype,"compact",void 0),i=s([x("navigation-bar")],i);export{i as NavigationBar};

package/dist/ui-user-management/out-tsc/src/components/navigation/ui-user-management2.js

@@ -1 +0,0 @@
-import{svg as H}from"lit";var M=Object.freeze,n=Object.defineProperty,C=(V,e)=>M(n(V,"raw",{value:M(e||V.slice())})),Z,L,t,a;const p={digitalRealtyLogo:H(Z||(Z=C(['\n    <path d="M17.6281 26.4421V23.1369C20.6656 23.1369 23.1369 20.6657 23.1369 17.6281H26.4421C26.4421 22.4881 22.4881 26.4421 17.6281 26.4421ZM17.6281 0V3.30527C20.6656 3.30527 23.1369 5.77647 23.1369 8.81404H26.4421C26.4421 3.95398 22.4881 0 17.6281 0ZM8.81404 23.1369H3.30527V17.6281H0V26.4421H8.81404V23.1369ZM3.30527 3.30527H8.81404V0H0V8.81404H3.30527V3.30527Z"></path>\n  ']))),digitalRealtyLogoWithText:H(L||(L=C(['\n    <path d="M174.823 18.1256V18.338H174.216V19.7581H173.986V18.338H173.379V18.1256H174.823ZM175.376 18.1256L176.025 19.4728L176.68 18.1256H177.002V19.7581H176.784V18.3865L176.116 19.7581H175.928L175.272 18.3865V19.7581H175.06V18.1256H175.376Z"></path>\n    <path d="M166.533 6.68392L169.465 12.0444L172.547 6.68392H175.666L170.866 14.902V19.7581H168.064V14.902L163.264 6.68392H166.533ZM162.921 6.68392V9.0933H159.148V19.7581H156.347V9.0933H152.574V6.68392H162.921ZM149.268 6.68393H146.467V19.7581H154.836V17.3487H149.268V6.68393ZM137.482 6.68392H140.844L145.588 19.7581H142.581L141.573 16.9005H136.605L135.596 19.7581H132.701L137.482 6.68392ZM140.807 14.6406L139.07 9.67235L137.352 14.6406H140.807ZM131.744 6.68392V9.0933H125.767V12.0257H130.623V14.323H125.767V17.3488H131.949V19.7581H122.965V6.68392H131.744ZM119.015 7.21625C119.743 7.57117 120.307 8.07848 120.705 8.73847C121.104 9.39836 121.303 10.1642 121.303 11.0358C121.303 11.87 121.104 12.6078 120.705 13.249C120.307 13.8904 119.759 14.3791 119.062 14.7152L121.639 19.7581H118.539L116.353 15.369H113.981V19.7581H111.18V6.68392H116.503C117.449 6.68392 118.286 6.86143 119.015 7.21625ZM116.279 13.0343C116.939 13.0343 117.465 12.8537 117.857 12.4927C118.249 12.1315 118.445 11.6459 118.445 11.0358C118.445 10.4132 118.249 9.92141 117.857 9.56024C117.465 9.19916 116.939 9.01862 116.279 9.01862H113.981V13.0343H116.279ZM99.9176 17.3487V6.68398H97.1161V19.7581H105.485V17.3487H99.9176ZM88.1319 6.68397L91.4938 6.68398L96.2379 19.7581H93.2309L92.2222 16.9005H87.2541L86.2454 19.7581H83.3504L88.1319 6.68397ZM91.4564 14.6405L89.7195 9.67236L88.0012 14.6405H91.4564ZM84.9942 6.68397V9.09335H81.2213V19.7581H78.4198V9.09335H74.6469V6.68397H84.9942ZM73.5075 6.68397V19.7581H70.7059V6.68397H73.5075ZM59.5649 7.39371C60.5422 6.84584 61.691 6.5719 63.0109 6.5719C64.0443 6.5719 64.972 6.77111 65.7937 7.16957C66.6156 7.56799 67.2786 8.12833 67.7829 8.85053C68.2872 9.57269 68.5954 10.4008 68.7074 11.3346H65.9432C65.7688 10.6 65.4202 10.0179 64.8972 9.58829C64.3742 9.15869 63.7206 8.94393 62.9361 8.94393C62.2139 8.94393 61.5851 9.12448 61.0497 9.48556C60.5143 9.84664 60.1034 10.351 59.817 10.9984C59.5306 11.6459 59.3874 12.3868 59.3874 13.221C59.3874 14.5036 59.7018 15.5371 60.3306 16.3215C60.9594 17.106 61.8279 17.4982 62.9361 17.4982C63.7454 17.4982 64.4614 17.2772 65.084 16.8351C65.7066 16.3931 66.0801 15.7425 66.2047 14.8833V14.7152H62.9547V12.4926H68.8008V19.7581H66.8584L66.5595 18.1332C66.1736 18.6437 65.6568 19.0609 65.0093 19.3846C64.3618 19.7083 63.6085 19.8702 62.7494 19.8702C61.5166 19.8702 60.4302 19.5963 59.4901 19.0484C58.55 18.5005 57.8216 17.7223 57.3048 16.7137C56.7881 15.7051 56.5298 14.5409 56.5298 13.221C56.5298 11.8887 56.7913 10.7214 57.3142 9.71903C57.8372 8.71668 58.5874 7.94154 59.5649 7.39371ZM55.0729 6.68397V19.7581H52.2713V6.68397H55.0729ZM44.2028 6.68397C45.5101 6.68397 46.665 6.96099 47.6674 7.51512C48.6697 8.0692 49.4417 8.84121 49.9834 9.8311C50.5251 10.821 50.7958 11.951 50.7958 13.221C50.7958 14.4911 50.5251 15.6211 49.9834 16.611C49.4417 17.6009 48.6697 18.3729 47.6674 18.927C46.665 19.4811 45.5101 19.7581 44.2028 19.7581H39.6641V6.68397H44.2028ZM46.9577 16.2748C47.6113 15.509 47.9382 14.4911 47.9382 13.221C47.9382 11.951 47.6113 10.9331 46.9577 10.1673C46.304 9.4015 45.3856 9.01863 44.2028 9.01863H42.4657V17.4234H44.2028C45.3856 17.4234 46.304 17.0406 46.9577 16.2748Z"></path>\n    <path d="M17.6281 26.4421V23.1369C20.6656 23.1369 23.1369 20.6657 23.1369 17.6281H26.4421C26.4421 22.4881 22.4881 26.4421 17.6281 26.4421ZM17.6281 0V3.30527C20.6656 3.30527 23.1369 5.77647 23.1369 8.81404H26.4421C26.4421 3.95398 22.4881 0 17.6281 0ZM8.81404 23.1369H3.30527V17.6281H0V26.4421H8.81404V23.1369ZM3.30527 3.30527H8.81404V0H0V8.81404H3.30527V3.30527Z"></path>\n  ']))),userManagementIcon:H(t||(t=C(['\n    <path d="M3 3C1.897 3 1 3.897 1 5V21H11V19H3V5H13V12C13 10.37 13.792 8.93544 15 8.02344V5C15 3.897 14.103 3 13 3H3ZM5 7V9H7V7H5ZM9 7V9H11V7H9ZM18 9C16.318 9 15 10.317 15 12C15 13.683 16.318 15 18 15C19.682 15 21 13.683 21 12C21 10.317 19.682 9 18 9ZM5 11V13H7V11H5ZM9 11V13H11V11H9ZM18 11C18.58 11 19 11.421 19 12C19 12.579 18.58 13 18 13C17.42 13 17 12.579 17 12C17 11.421 17.42 11 18 11ZM5 15V17H7V15H5ZM9 15V17H11V15H9ZM18 16C15.149 16 13 17.4558 13 19.3848V21H23V19.3848C23 17.4558 20.851 16 18 16ZM18 18C19.47 18 20.4895 18.504 20.8535 19H15.1465C15.5095 18.504 16.53 18 18 18Z"></path>\n  ']))),roleManagementIcon:H(a||(a=C(['\n    <path d="M12 3C9.80271 3 8 4.80271 8 7C8 9.19729 9.80271 11 12 11C14.1973 11 16 9.19729 16 7C16 4.80271 14.1973 3 12 3ZM12 5C13.1164 5 14 5.88359 14 7C14 8.11641 13.1164 9 12 9C10.8836 9 10 8.11641 10 7C10 5.88359 10.8836 5 12 5ZM18 12C16.1872 12 14.5593 12.8158 13.457 14.0957C12.9584 14.0389 12.4662 14 12 14C10.255 14 8.18716 14.4098 6.44922 15.0957C5.58025 15.4387 4.7947 15.846 4.16602 16.3691C3.53734 16.8922 3 17.5994 3 18.5V21H12.8145C13.8556 22.789 15.7903 24 18 24C21.3019 24 24 21.3019 24 18C24 14.6981 21.3019 12 18 12ZM18 14C19.0039 14 19.9057 14.377 20.6055 14.9805L18 17.5859L16.707 16.293L15.293 17.707L18 20.4141L21.7559 16.6582C21.9049 17.0789 22 17.5261 22 18C22 20.221 20.221 22 18 22C15.779 22 14 20.221 14 18C14 15.779 15.779 14 18 14ZM12 16C12.1083 16 12.2316 16.0115 12.3457 16.0156C12.1256 16.6382 12 17.3041 12 18C12 18.3415 12.0364 18.6738 12.0918 19H5V18.5C5 18.4346 5.06759 18.2205 5.44531 17.9062C5.82304 17.592 6.44549 17.2456 7.18164 16.9551C8.65395 16.374 10.586 16 12 16Z"></path>\n  '])))};export{p as svgContent};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as d}from"tslib";import{nothing as m,html as t}from"lit";import{property as Z,state as h,query as $,customElement as Q}from"lit/decorators.js";import{repeat as R}from"lit/directives/repeat.js";import{MobxLitElement as ee}from"@adobe/lit-mobx";import"@digital-realty/ix-icon-button/ix-icon-button.js";import"@digital-realty/ix-progress/ix-progress.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-select/ix-select.js";import"@digital-realty/ix-tooltip/ix-tooltip.js";import"../general/ui-user-management3.js";import"../Shared/ui-user-management4.js";import{elementTheme as ie,baseTheme as ne}from"@digital-realty/theme";import{userProfile as p}from"../../state/ui-user-management.js";import{getIxTextBoxValue as x,setIxTextBoxValue as se}from"../../helpers/ui-user-management3.js";import{TWStyles as te}from"../../ui-user-management2.js";import{ViewRolesStyles as oe}from"../../styles/ui-user-management10.js";import{RoleRoleTypeEnum as r}from"../../domain/entities/ui-user-management.js";import{navigateTo as f}from"../../routes/ui-user-management2.js";import{RouteNames as b}from"../../routes/ui-user-management.js";import{RoleController as le}from"../../controllers/ui-user-management3.js";import{createNewRoleIdentifier as re}from"../../views/ui-user-management2.js";import{roleDraftStore as c}from"../../state/ui-user-management9.js";import{roleStore as u}from"../../state/ui-user-management3.js";import{appState as v}from"../../state/ui-user-management2.js";import{ApplicationStorage as ae}from"../../constants/ui-user-management4.js";import{BinIcon as y}from"../../assets/ui-user-management.js";import{sortPrivileges as de}from"../../helpers/ui-user-management6.js";import{ViewRoleTestIds as ce}from"../../constants/test-ids/ui-user-management7.js";var D=Object.freeze,he=Object.defineProperty,o=(e,n)=>D(he(e,"raw",{value:D(n||e.slice())})),P,I,C,w,N,T,A,O,S,_,U,k,E,G,B,F,V,z,M,j,H,L,q,J,K,W,X,Y;const me=window.globalConfig;let a=class extends ee{constructor(){super(...arguments),this.currentRoleId="",this.outstandingChanges=!1,this.renameRoleNameIsEmpty=!1,this.addPermissionDisabled=!1,this.readonly=!0,this.openDialogs=[],this.confirmDeletePermissionIsOpen=!1,this.indexOfPermissionToDelete=-1,this.savingChanges=!1,this.deletingRole=!1,this.cancelling=!1,this.processingDialogAction=!1,this.roleController=new le(this),this.dialogNames={RenameRole:"rename-role-dialog",DeleteRole:"delete-role-dialog",UnsavedChanges:"unsaved-changes-dialog"},this.permissionIsAvailableForSelection=(e,n)=>{var i,s,l;return((s=(i=this.currentRole)===null||i===void 0?void 0:i.permissions[n])===null||s===void 0?void 0:s.permissionId)===e.id||!(!((l=this.currentRole)===null||l===void 0)&&l.permissions.find(g=>g.permissionId===e.id))}}get isNewDraft(){return this.currentRoleId===re}get isValid(){var e,n;return!(!(!((e=c===null||c===void 0?void 0:c.get().name)===null||e===void 0)&&e.length)||!(!((n=c===null||c===void 0?void 0:c.get().permissions)===null||n===void 0)&&n.length)||!(c===null||c===void 0)&&c.get().permissions.find(i=>!i.permissionId))}get isAddPermissionDisabled(){return this.addPermissionDisabled?!0:this.nextAvailablePermissionId()===""}writeOutstandingChanges(){sessionStorage.setItem(ae.SessionStorage.HasOutstandingChanges,JSON.stringify(this.outstandingChanges))}formatPermission(e){return e?e.category?"".concat(e.category," - ").concat(e.name):e.name:""}willUpdate(e){e.has("currentRoleId")&&this.resetRole(),this.outstandingChanges=!!c.get().name,this.writeOutstandingChanges()}firstUpdated(){this.isNewDraft&&this.displayDefaultRole()}async saveRole(){this.savingChanges=!0,this.isValid&&(this.outstandingChanges=!1,this.writeOutstandingChanges(),this.currentRole=await this.roleController.save(),f(b.RoleManagement,"?id=".concat(this.currentRole.id)),this.savingChanges=!1)}async deleteRole(){this.closeDialog(this.dialogNames.DeleteRole),this.deletingRole=!0,this.processingDialogAction=!0,this.currentRole&&(await this.roleController.deleteRole(this.currentRole),this.processingDialogAction=!1,f(b.RoleManagement,"?id=".concat(u.get()[0].id)),this.deletingRole=!1)}resetCurrentRole(){if(this.isNewDraft){this.currentRole=c.get();return}this.currentRoleId&&(this.currentRole=u.get().find(e=>e.id===this.currentRoleId)||{})}async openDeleteRoleDialog(){this.currentRole&&(this.roleIsInUse=await this.roleController.checkRoleInUse(this.currentRole),this.openDialog(this.dialogNames.DeleteRole))}nextAvailablePermissionId(){const e=v.getPermissions().filter(n=>{var i;return!(!((i=this.currentRole)===null||i===void 0)&&i.permissions.find(s=>s.permissionId===n.id))});return e.length?e[0].id:""}assignablePermissions(){var e;switch((e=this.currentRole)===null||e===void 0?void 0:e.roleType){case r.Default:case r.Custom:return v.getPermissions().filter(n=>n.privileges.length);case r.GlobalAccess:case r.Internal:return v.getPermissions();default:return[]}}hasUpdatePrivilegeForRole(){var e,n;switch(this.readonly=!0,(e=this.currentRole)===null||e===void 0?void 0:e.roleType){case r.Default:p.hasDefaultSystemRolesUpdate()&&(this.readonly=!1);break;case r.GlobalAccess:case r.Internal:p.hasInternalRolesUpdate(v.getAccountNumber())&&(this.readonly=!1);break;case r.Custom:p.hasCustomRolesUpdate((n=this.currentRole)===null||n===void 0?void 0:n.accountNumber)&&(this.readonly=!1);break}}hasCreatePrivilegeForRole(){var e,n;let i=!1;switch((e=this.currentRole)===null||e===void 0?void 0:e.roleType){case r.Default:p.hasDefaultSystemRolesCreate()&&(i=!0);break;case r.GlobalAccess:case r.Internal:p.hasInternalRolesCreate()&&(i=!0);break;case r.Custom:p.hasCustomRolesCreate((n=this.currentRole)===null||n===void 0?void 0:n.accountNumber)&&(i=!0);break}return i}getPrivileges(e){var n,i;const s=v.getPermissions().find(g=>g.id===e);if(((n=this.currentRole)===null||n===void 0?void 0:n.roleType)!==r.Internal&&((i=this.currentRole)===null||i===void 0?void 0:i.roleType)!==r.GlobalAccess)return(s==null?void 0:s.privileges)||[];const l=(s==null?void 0:s.privileges.concat(s.internalPrivileges))||[];return de(l)||[]}displayDefaultRole(){u.get().length&&f(b.RoleManagement,"?id=".concat(u.get()[0].id))}resetRole(){this.outstandingChanges=!1,this.writeOutstandingChanges(),this.resetCurrentRole(),this.addPermissionDisabled=!1,this.hasUpdatePrivilegeForRole()}cancelChanges(){this.outstandingChanges=!1,this.writeOutstandingChanges(),c.clear(),this.resetRole(),this.isNewDraft&&this.displayDefaultRole(),this.cancelling=!1}updateRole(e){this.currentRole&&(this.isNewDraft?c.update(e):c.set({...this.currentRole,...e}),this.currentRole=c.get(),this.outstandingChanges=this.hasOutstandingChanges(),this.writeOutstandingChanges())}updateRolePermission(e,n,i){if(!this.currentRole)return;const s=[...this.currentRole.permissions];if(this.addPermissionDisabled=!1,n&&(s[e].permissionId=n,!this.validatePrivilegeExistsForPermission(n,s[e].privilege))){const l=this.getPrivileges(n);l.length&&([s[e].privilege]=l)}i&&(s[e].privilege=i),!n&&!i&&(s[e]={permissionId:"",privilege:""}),this.updateRole({permissions:s}),this.addPermissionDisabled=!this.allPermissionsSelected()}validatePrivilegeExistsForPermission(e,n){return this.getPrivileges(e).findIndex(i=>i===n)!==-1}alertUnsavedChanges(){this.openDialog(this.dialogNames.UnsavedChanges)}openDialog(e){this.openDialogs.includes(e)||(this.openDialogs=[...this.openDialogs,e])}closeDialog(e){this.openDialogs=this.openDialogs.filter(n=>n!==e),e===this.dialogNames.DeleteRole&&this.roleIsInUse&&(this.deletingRole=!1)}renderReadOnlyPermissions(){var e;if(!(!((e=this.currentRole)===null||e===void 0)&&e.permissions))return m;const n=this.assignablePermissions().map(i=>i.id);return t(w||(w=o(['\n      <div class="flex flex-col h-1000 gap-5">\n        ',"\n      </div>\n    "])),this.currentRole.permissions.filter(i=>n.includes(i.permissionId)).map(i=>t(C||(C=o(['\n              <div class="role-permission" data-testid="view-role-permission">\n                <p class="dlr-text-small">\n                  ',"\n                </p>\n                <p>","</p>\n              </div>\n            "])),i.category?t(P||(P=o([""," - ",""])),i.category,i.permissionName):t(I||(I=o(["",""])),i.permissionName),i.privilege)))}renderConfirmDeletePermissionDialog(){var e;let n="";const i=(e=this.currentRole)===null||e===void 0?void 0:e.permissions;if(i&&this.indexOfPermissionToDelete>=-1){const s=i[this.indexOfPermissionToDelete];s&&(n=s.permissionName||"")}return t(N||(N=o(['\n      <changes-confirmation\n        class="z-50 relative"\n        id="delete-permission-confirmation"\n        ?isOpen=',"\n        .headerText=","\n        .bodyText=","\n        .confirmationButtonText=","\n        .cancelButtonText=","\n        @cancel=","\n        @confirm=","\n      ></changes-confirmation>\n    "])),this.confirmDeletePermissionIsOpen,"Are you sure you want to remove ".concat(n,"?"),"Some users may lose access to features.","Remove","Cancel",()=>{this.confirmDeletePermissionIsOpen=!1},()=>{this.deletePermission(this.indexOfPermissionToDelete),this.confirmDeletePermissionIsOpen=!1})}renderEditablePermissions(){var e;if(!(!((e=this.currentRole)===null||e===void 0)&&e.permissions))return m;const n=this.assignablePermissions().map(i=>i.id);return t(O||(O=o(['\n      <div class="flex flex-col gap-4" data-testid="editable-permissions">\n        ',"\n      </div>\n    "])),R(this.currentRole.permissions,i=>i.permissionId,(i,s)=>n.includes(i.permissionId)||!i.permissionId?t(A||(A=o(['\n                  <div\n                    class="flex flex-col items-right gap-3 rounded-lg border border-slate-300 p-2 sm:flex-row sm:items-center"\n                  >\n                    <ix-select\n                      data-testid="permission-select"\n                      class="grow role-permission__select-input sm:w-2/3 lg:w-1/3 max-w-2xl"\n                      aria-label="Select permission"\n                      @input=',"\n                    >\n                      ",'\n                    </ix-select>\n\n                    <div class="flex grow justify-end items-center gap-3 min-w-1/4">\n                      <span>Privilege</span>\n                      <ix-select\n                        class="w-1/2 sm:w-32 role-privilege__select-input"\n                        aria-label="Select Privilege"\n                        data-testid="permission-privileges"\n                        @input=',"\n                      >\n                        ",'\n                      </ix-select>\n                      <ix-icon-button\n                        id="delete-permission-button"\n                        class="cancel"\n                        @click=','\n                      >\n                        <svg\n                          slot="default"\n                          focusable="false"\n                          aria-hidden="true"\n                          viewBox="0 0 14 18"\n                          class="fill-critical"\n                          width="14"\n                          height="18"\n                        >\n                          ',"\n                        </svg>\n                      </ix-icon-button>\n                    </div>\n                  </div>\n                "])),l=>this.updateRolePermission(s,l.target.value,void 0),R(this.assignablePermissions().filter(l=>this.permissionIsAvailableForSelection(l,s)),l=>l.id,l=>t(T||(T=o(["\n                          <ix-select-option\n                            ?selected=",'\n                            class="role-permission__select-option"\n                            value=','\n                          >\n                            <div slot="headline">',"</div>\n                          </ix-select-option>\n                        "])),i.permissionId===l.id,l.id,this.formatPermission(l))),l=>this.updateRolePermission(s,void 0,l.target.value),this.displayPrivileges(i),()=>{this.indexOfPermissionToDelete=s,this.confirmDeletePermissionIsOpen=!0},y):m))}displayPrivileges(e){const n=this.getPrivileges(e.permissionId),i=e.privilege&&!n.some(s=>s===e.privilege);return t(U||(U=o(["\n      ","\n      ","\n    "])),i?t(S||(S=o(['\n            <ix-select-option\n              class="permission-privileges__select-option"\n              value=',"\n              disabled\n              ?selected=",'\n            >\n              <div slot="headline" style="color: gray;">',"</div>\n            </ix-select-option>\n          "])),e.privilege,i,e.privilege):m,R(n,s=>s,s=>t(_||(_=o(['\n          <ix-select-option\n            class="permission-privileges__select-option"\n            value=',"\n            .displayText=","\n            ?selected=",'\n          >\n            <div slot="headline">',"</div>\n          </ix-select-option>\n        "])),s,s,s===e.privilege,s)))}deletePermission(e){const n=[...this.currentRole.permissions];n.splice(e,1),this.updateRole({permissions:n}),this.addPermissionDisabled=!this.allPermissionsSelected(),this.outstandingChanges=this.hasOutstandingChanges(),this.writeOutstandingChanges()}allPermissionsSelected(){var e,n;return(n=(e=this.currentRole)===null||e===void 0?void 0:e.permissions.every(i=>!!i.permissionId&&!!i.privilege))!==null&&n!==void 0?n:!1}hasOutstandingChanges(){var e;const{permissions:n}=c.get(),i=(e=this.currentRole)===null||e===void 0?void 0:e.permissions;if((n==null?void 0:n.length)!==(i==null?void 0:i.length))return!0;for(const s of n){const l=i==null?void 0:i.find(g=>g.permissionId===s.permissionId);if(!i||(l==null?void 0:l.privilege)!==s.privilege)return!0}return!1}addNewPermission(){this.addPermissionDisabled=!0,this.updateRole({permissions:[...this.currentRole.permissions,{permissionId:"",privilege:this.getPrivileges(this.nextAvailablePermissionId())[0]}]})}showGlobalAccessTooltip(e){document.dispatchEvent(new CustomEvent("show-tooltip",{detail:{target:e.target,tooltip:t(k||(k=o(['<div\n            style="padding: 1rem; border-radius: 16px; color: white; background-color: #092241"\n          >\n            If this flag is set then the users assigned<br />\n            to this role will be able to switch to any<br />\n            account in the Global Portal. This flag<br />\n            can only be set at role creation.\n          </div>']))),placement:"right"}}))}closeGlobalAccessTooltip(){document.dispatchEvent(new CustomEvent("hide-tooltip"))}handleGlobalAccessToggle(){var e;this.updateRole({roleType:((e=this.currentRole)===null||e===void 0?void 0:e.roleType)===r.GlobalAccess?r.Internal:r.GlobalAccess})}renderDeleteDialogContent(){return this.currentRole?this.roleIsInUse===void 0?t(E||(E=o(["<ix-progress ?indeterminate=","></ix-progress>"])),!0):this.roleIsInUse?t(G||(G=o(['<div slot="headline" class="max-w-[560px]">\n          <h1 class="dlr-text-heading">You cannot delete the ',' role.</h1>\n        </div>\n\n        <div slot="content" id="duplicate-form-id" method="dialog" class="max-w-[560px]">\n          <p>Currently, there is at least one user associated with this role.</p>\n          <p>\n            Navigate to the User Management pages to update the User/Role associations before you\n            retry deleting this role.\n          </p>\n        </div>'])),this.currentRole.name):t(B||(B=o([' <div slot="headline" class="max-w-[560px]">\n        <h1 class="font-semibold">Are you sure you want to delete ','?</h1>\n      </div>\n\n      <div slot="content" id="duplicate-form-id" method="dialog" class="max-w-[560px]">\n        <p>There are no users currently assigned to this role.</p>\n      </div>'])),this.currentRole.name):m}renderRenameRoleDialog(){return t(F||(F=o(['\n      <ix-dialog\n        class="dialog z-50 relative"\n        id=',"\n        .open=","\n        @closed=",'\n      >\n        <div class="dlr-text-heading" slot="headline">Edit Role Name</div>\n        <form class="dialog-form" id="rename-role-form-id" method="dialog" slot="content">\n          <ix-textbox\n            id="rename-role-input"\n            class="dialog-form__textbox"\n            type="text"\n            label="Role Name"\n            data-testid="rename-role-input"\n            errorText=""\n            @input=','\n          ></ix-textbox>\n        </form>\n        <div class="dialog-actions" slot="actions">\n          <ix-button\n            form="rename-role-form-id"\n            appearance="text"\n            @click=','\n          >\n            <span class="button-label">Cancel</span>\n          </ix-button>\n          <ix-button\n            form="rename-role-form-id"\n            appearance="text"\n            data-testid="rename-role-dialog-save-btn"\n            .disabled=',"\n            @click=","\n          >\n            Save Changes\n          </ix-button>\n        </div>\n      </ix-dialog>\n    "])),this.dialogNames.RenameRole,this.openDialogs.includes(this.dialogNames.RenameRole),()=>this.closeDialog(this.dialogNames.RenameRole),()=>{var e;this.renameRoleNameIsEmpty=!(!((e=x(this.renameRoleInput))===null||e===void 0)&&e.length)},()=>this.closeDialog(this.dialogNames.RenameRole),this.renameRoleNameIsEmpty,()=>{this.renameRoleNameIsEmpty||(this.updateRole({name:x(this.renameRoleInput)}),this.closeDialog(this.dialogNames.RenameRole))})}renderDeleteRoleDialog(){return t(z||(z=o(['\n      <ix-dialog\n        class="z-50 relative"\n        id=',"\n        .open=","\n        @closed=","\n      >\n        ",'\n\n        <div class="dialog-actions" slot="actions">\n          <ix-button\n            form="delete-role-form-id"\n            appearance="text"\n            ?disabled=',"\n            @click=","\n          >\n            Cancel\n          </ix-button>\n\n          ","\n        </div>\n      </ix-dialog>\n    "])),this.dialogNames.DeleteRole,this.openDialogs.includes(this.dialogNames.DeleteRole),()=>this.closeDialog(this.dialogNames.DeleteRole),this.renderDeleteDialogContent(),!this.roleIsInUse&&this.deletingRole,()=>this.closeDialog(this.dialogNames.DeleteRole),this.roleIsInUse?m:t(V||(V=o([' <ix-button\n                form="delete-role-form-id"\n                appearance="text"\n                data-testid="confirm-delete-role-btn"\n                ?submitting=',"\n                @click=","\n              >\n                Delete Role\n              </ix-button>"])),this.processingDialogAction,this.deleteRole))}renderCurrRoleName(){return t(j||(j=o(['\n      <div class="flex grow items-center">\n        <h2 class="dlr-text-heading" data-testid="current-role-name">',"</h2>\n        ","\n      </div>\n    "])),this.currentRole.name,this.readonly?m:t(M||(M=o([' <ix-icon-button\n              class="role-name-container__edit-btn icon-btn_primary"\n              icon="edit"\n              data-testid="rename-role-btn"\n              @click=',"\n            >\n            </ix-icon-button>"])),()=>{se(this.renameRoleInput,this.currentRole.name),this.openDialog(this.dialogNames.RenameRole)}))}renderControls(){return t(q||(q=o(['\n      <div class="flex flex-wrap gap-3 justify-end" style="--md-filled-button-icon-size: 18px;">\n        ',"\n        ","\n      </div>\n    "])),this.outstandingChanges?t(H||(H=o(['\n              <ix-button\n                appearance="outlined"\n                ?disabled=',"\n                ?submitting=","\n                @click=",'\n              >\n                Cancel\n              </ix-button>\n\n              <ix-button\n                id="save-changes-button"\n                data-testid="save-role-btn"\n                ?disabled=',"\n                ?submitting=","\n                @click=","\n              >\n                Save\n              </ix-button>\n            "])),this.savingChanges||this.deletingRole,this.cancelling,()=>{this.cancelling=!0,setTimeout(()=>{this.cancelChanges()})},!this.isValid||this.cancelling,this.savingChanges,this.saveRole):m,this.hasCreatePrivilegeForRole()&&!this.isNewDraft?t(L||(L=o([' <ix-button\n              class="cancel"\n              has-icon\n              data-testid="delete-role-btn"\n              appearance="filled"\n              ?disabled=',"\n              ?submitting=","\n              @click=",'\n            >\n              <svg\n                slot="icon"\n                focusable="false"\n                aria-hidden="true"\n                viewBox="0 0 14 18"\n                width="14"\n                height="18"\n              >\n                ',"\n              </svg>\n              Delete Role\n            </ix-button>"])),this.savingChanges||this.cancelling,this.deletingRole,this.openDeleteRoleDialog,y):m)}render(){var e;return u.isHydrating()?t(J||(J=o(['<ix-progress\n        aria-label="view-role-panel-loading"\n        ?indeterminate=',"\n      ></ix-progress>"])),!0):!((e=this.currentRole)===null||e===void 0)&&e.name?t(Y||(Y=o(['\n      <div class="mx-4 lg:mx-0 flex flex-col rounded-lg h-full" data-testid="view-role-content">\n        <div\n          class="p-4 py-5 border-slate-300 flex items-center gap-2 bg-white border rounded-t-lg lg:px-8"\n        >\n          '," ",'\n        </div>\n\n        <div\n          class="bg-white p-4 pt-0 rounded-b-lg border border-t-0 border-slate-300 permissions-container"\n        >\n          <h3 class="dlr-text-heading heading">Permissions</h3>\n\n          ','\n\n          <div class="grow flex flex-col gap-3 list">\n            ',"\n          </div>\n\n          ",'\n\n          <privilege-descriptions class="description"></privilege-descriptions>\n        </div>\n\n        '," ","\n        ","\n        <ix-tooltip></ix-tooltip>\n      </div>\n    "])),this.renderCurrRoleName(),this.renderControls(),me.UserManagement.UI.ff_cpa_2238_gars_v130&&(this.currentRole.roleType===r.Internal||this.currentRole.roleType===r.GlobalAccess)?t(W||(W=o(['\n                <div class="global-access">\n                  <ix-checkbox\n                    data-testid=',"\n                    ?disabled=","\n                    .checked=","\n                    .on=","\n                    @change=","\n                  ></ix-checkbox>\n                  <span>Global Access</span>\n                  <ix-icon\n                    .filled=",'\n                    style="--ix-icon-font-size: 24px;--ix-icon-line-height: 24px; color: #1456E0"\n                    @mouseover=',"\n                    @mouseout=","\n                    >info</ix-icon\n                  >\n                </div>\n              "])),ce.GLOBAL_ACCESS_CHECKBOX,!!this.currentRole.id,this.currentRole.roleType===r.GlobalAccess&&!!this.currentRole.id,this.currentRole.roleType===r.GlobalAccess,this.handleGlobalAccessToggle,!0,this.showGlobalAccessTooltip,this.closeGlobalAccessTooltip):m,this.readonly?this.renderReadOnlyPermissions():this.renderEditablePermissions(),this.readonly?m:t(X||(X=o(['\n                <ix-button\n                  id="add-permission-button"\n                  data-testid="add-permission-btn"\n                  style="align-self: flex-start;"\n                  class="flex btn-add"\n                  has-icon\n                  appearance="outlined"\n                  ?disabled=',"\n                  @click=",'\n                >\n                  <md-icon slot="icon">add</md-icon>\n                  Add Permission\n                </ix-button>\n              '])),this.isAddPermissionDisabled,this.addNewPermission),this.renderConfirmDeletePermissionDialog(),this.renderRenameRoleDialog(),this.renderDeleteRoleDialog()):t(K||(K=o(['<div class="role-container"></div>'])))}};a.styles=[ie,ne,te,oe],d([Z({type:String})],a.prototype,"currentRoleId",void 0),d([h()],a.prototype,"outstandingChanges",void 0),d([h()],a.prototype,"renameRoleNameIsEmpty",void 0),d([h()],a.prototype,"addPermissionDisabled",void 0),d([h()],a.prototype,"readonly",void 0),d([h()],a.prototype,"roleIsInUse",void 0),d([h()],a.prototype,"openDialogs",void 0),d([h()],a.prototype,"currentRole",void 0),d([h()],a.prototype,"confirmDeletePermissionIsOpen",void 0),d([h()],a.prototype,"indexOfPermissionToDelete",void 0),d([h()],a.prototype,"savingChanges",void 0),d([h()],a.prototype,"deletingRole",void 0),d([h()],a.prototype,"cancelling",void 0),d([h()],a.prototype,"processingDialogAction",void 0),d([$("#rename-role-input")],a.prototype,"renameRoleInput",void 0),a=d([Q("view-role")],a);export{a as ViewRole};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management2.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as C,html as s,nothing as r}from"lit";import{property as y,state as d,query as p,customElement as O}from"lit/decorators.js";import{userProfile as o}from"../../state/ui-user-management.js";import"./ui-user-management3.js";import{TWStyles as I}from"../../ui-user-management2.js";import"./ui-user-management6.js";import"./ui-user-management5.js";import"./ui-user-management4.js";import"./ui-user-management7.js";import{RoleRoleTypeEnum as a}from"../../domain/entities/ui-user-management.js";import{raiseEvent as w}from"../../helpers/ui-user-management.js";import{ApplicationEvents as x}from"../../constants/events/ui-user-management.js";import{roleStore as P}from"../../state/ui-user-management3.js";import{roleDraftStore as h}from"../../state/ui-user-management9.js";var c=Object.freeze,T=Object.defineProperty,n=(e,l)=>c(T(e,"raw",{value:c(l||e.slice())})),u,g,m,v,f;let t=class extends C{constructor(){super(...arguments),this.isCreateDialogOpen=!1,this.isDuplicateDialogOpen=!1}handleDuplicate(e){var l;const D=e.detail;if(h.get().name){e.stopPropagation(),e.preventDefault(),this.unsavedChangesDialog.isOpen=!0;return}this.isDuplicateDialogOpen=!0,this.selectedRole=P.get().find(R=>R.id===D),((l=this.selectedRole)===null||l===void 0?void 0:l.roleType)===a.Default&&(this.selectedRole.roleType=a.Custom),w(this.duplicateRoleDialog,x.OpenDialog)}handleCreate(e,l){if(h.get().name){e.stopPropagation(),e.preventDefault(),this.unsavedChangesDialog.isOpen=!0;return}this.isCreateDialogOpen=!0,this.roleGroup=l}render(){return s(f||(f=n(['\n      <div\n        class="mx-4 lg:mx-0 gap-2 lg:sticky lg:top-[--top-height] max-h-[25vh] lg:max-h-none lg:h-[--content-height] overflow-x-hidden overflow-y-auto md:grid md:grid-cols-2 md:grid-rows-1 lg:flex flex flex-col"\n      >\n        ',"\n        ","\n        ","\n      </div>\n\n      ",'\n\n      <unsaved-changes-dialog class="z-50 relative"></unsaved-changes-dialog>\n    '])),o.hasDefaultSystemRolesRead()?s(u||(u=n([' <role-list\n              class="md:overflow-auto lg:overflow-visible"\n              .activeRoleId=',"\n              .roleType=","\n              .canCreate=","\n              @create-role=","\n              @duplicate-role=","\n              @rm-unsaved-changes=",'\n              data-testid="Default System Roles"\n            ></role-list>'])),this.currentRoleId,a.Default,o.hasDefaultSystemRolesCreate(),e=>{this.handleCreate(e,a.Default)},e=>{this.handleDuplicate(e)},e=>{e.stopPropagation(),this.unsavedChangesDialog.isOpen=!0}):r,o.hasCustomRolesRead()?s(g||(g=n([' <custom-roles\n              class="md:overflow-x-hidden md:overflow-y-auto lg:overflow-visible"\n              .activeRoleId=',"\n              .canCreate=","\n              @create-role=","\n              @duplicate-role=","\n              @rm-unsaved-changes=",'\n              data-testid="Custom Roles"\n            ></custom-roles>'])),this.currentRoleId,o.hasCustomRolesCreate(),e=>this.handleCreate(e,a.Custom),e=>this.handleDuplicate(e),e=>{e.stopPropagation(),this.unsavedChangesDialog.isOpen=!0}):r,o.hasInternalRolesRead()?s(m||(m=n(['<role-list\n              class="md:overflow-auto lg:overflow-visible"\n              .activeRoleId=',"\n              .roleType=","\n              .canCreate=","\n              @create-role=","\n              @duplicate-role=","\n              @rm-unsaved-changes=",'\n              data-testid="Internal Roles"\n            ></role-list>'])),this.currentRoleId,a.Internal,o.hasInternalRolesCreate(),e=>{this.handleCreate(e,a.Internal)},e=>{this.handleDuplicate(e)},e=>{e.stopPropagation(),this.unsavedChangesDialog.isOpen=!0}):"",o.hasInternalRolesUpdate()||o.hasCustomRolesUpdate()?s(v||(v=n(["<create-role-dialog\n              ?isOpen=","\n              .roleType=","\n              @close-dialog=","\n            ></create-role-dialog>\n            <duplicate-role-dialog\n              ?isOpen=","\n              .selectedRole=","\n              @close-dialog=","\n            ></duplicate-role-dialog>"])),this.isCreateDialogOpen,this.roleGroup,()=>{this.isCreateDialogOpen=!1},this.isDuplicateDialogOpen,this.selectedRole,()=>{this.isDuplicateDialogOpen=!1,this.selectedRole=void 0}):r)}};t.styles=[I],i([y()],t.prototype,"currentRoleId",void 0),i([d()],t.prototype,"isCreateDialogOpen",void 0),i([d()],t.prototype,"isDuplicateDialogOpen",void 0),i([p("duplicate-role-dialog")],t.prototype,"duplicateRoleDialog",void 0),i([p("unsaved-changes-dialog")],t.prototype,"unsavedChangesDialog",void 0),t=i([O("all-roles")],t);export{t as AllRoles};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management3.js

@@ -1 +0,0 @@
-import{__decorate as o}from"tslib";import{html as n,nothing as v}from"lit";import{property as i,state as y,customElement as b}from"lit/decorators.js";import{MobxLitElement as R}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import"./ui-user-management8.js";import{elementTheme as T}from"@digital-realty/theme";import{TWStyles as x}from"../../ui-user-management2.js";import{RoleRoleTypeEnum as t}from"../../domain/entities/ui-user-management.js";import{userProfile as a}from"../../state/ui-user-management.js";import{roleStore as g}from"../../state/ui-user-management3.js";import{ApplicationEvents as s}from"../../constants/events/ui-user-management.js";import{raiseEvent as d}from"../../helpers/ui-user-management.js";var c=Object.freeze,C=Object.defineProperty,l=(e,f)=>c(C(e,"raw",{value:c(f||e.slice())})),p,m,h,u;const D={[t.Default]:"Default System Roles",[t.Internal]:"Internal Roles"};let r=class extends R{constructor(){super(...arguments),this.roleType=t.Default,this.canCreate=!1,this.header=""}get headerFromRoleType(){return D[this.roleType]}canDuplicate(){return this.roleType===t.Internal?a.hasInternalRolesCreate():a.hasCustomRolesCreate()}get filterPredicate(){return this.roleType===t.Internal?e=>e.roleType===t.Internal||e.roleType===t.GlobalAccess:e=>e.roleType===t.Default}firstUpdated(){this.header=this.headerFromRoleType}renderRoles(){return n(m||(m=l(["\n      <ul>\n        ","\n      </ul>\n    "])),g.get().filter(this.filterPredicate).map(e=>n(p||(p=l(['\n                <li class="overflow-hidden">\n                  <dr-role\n                    .roleData=',"\n                    .active=","\n                    .canDuplicate=","\n                  ></dr-role>\n                </li>\n              "])),e,this.activeRoleId===e.id,this.canDuplicate())))}render(){return n(u||(u=l(['\n      <div class="relative overflow-auto lg:h-auto lg:grow-0 lg:overflow-visible">\n        <div class="flex items-center overflow-hidden">\n          <h2 class="grow text-xl font-bold dlr-text-heading">',"</h2>\n          ",'\n        </div>\n        <div class="role-list-content mt-4">',"</div>\n      </div>\n    "])),this.header,this.canCreate?n(h||(h=l(['<ix-icon-button\n                  id="create-role-btn"\n                  class="md:hidden"\n                  @click=','\n                  role="button"\n                  icon="add"\n                  aria-label="Create Role"\n                  data-testid="create-','-btn-mobile"\n                ></ix-icon-button>\n                <ix-button\n                  class="hidden md:block"\n                  appearance="text"\n                  @click=','\n                  role="button"\n                  has-icon\n                  data-testid="create-','-btn-desktop"\n                >\n                  <md-icon slot="icon">add</md-icon>\n                  Create Role\n                </ix-button>'])),()=>d(this,s.CreateRole),this.roleType,()=>d(this,s.CreateRole),this.roleType):v,this.renderRoles())}};r.styles=[T,x],o([i()],r.prototype,"roleType",void 0),o([i()],r.prototype,"activeRoleId",void 0),o([i({type:Boolean})],r.prototype,"canCreate",void 0),o([y()],r.prototype,"header",void 0),r=o([b("role-list")],r);export{r as RoleList};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management4.js

@@ -1 +0,0 @@
-import{__decorate as n}from"tslib";import{html as r,nothing as p}from"lit";import{property as g,state as s,query as C,queryAsync as N,customElement as O}from"lit/decorators.js";import{MobxLitElement as q}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-textbox/ix-textbox.js";import{elementTheme as E}from"@digital-realty/theme";import{TWStyles as I}from"../../ui-user-management2.js";import{getIxTextBoxValue as v,setIxTextBoxValue as k}from"../../helpers/ui-user-management3.js";import{RoleRoleTypeEnum as d}from"../../domain/entities/ui-user-management.js";import{ApplicationEvents as h}from"../../constants/events/ui-user-management.js";import{buildAccountTree as z}from"../../services/ui-user-management14.js";import{appState as V}from"../../state/ui-user-management2.js";import{roleDraftStore as f}from"../../state/ui-user-management9.js";import{navigateTo as B}from"../../routes/ui-user-management2.js";import{RouteNames as _}from"../../routes/ui-user-management.js";import{getSortedAccounts as L}from"../../services/ui-user-management10.js";import{userProfile as j}from"../../state/ui-user-management.js";import{errorService as P}from"../../services/ui-user-management.js";import{raiseEvent as M}from"../../helpers/ui-user-management.js";var x=Object.freeze,G=Object.defineProperty,c=(e,o)=>x(G(e,"raw",{value:x(o||e.slice())})),b,y,A,R,S,T,w;let t=class extends q{constructor(){super(...arguments),this.resetDialogBinding=this.resetDialog.bind(this),this.draft={name:"",accountNumber:"",roleType:d.Custom,permissions:[]},this.isOpen=!1,this.toggleAccountSelector=!1,this.isValid=!1,this.duplicatingRole=!1,this.cancelling=!1}updated(e){var o;super.updated(e),e.get("toggleAccountSelector")===!1&&((o=this.ixTree)===null||o===void 0||o.then(i=>{var l;const a=(l=i==null?void 0:i.shadowRoot)===null||l===void 0?void 0:l.querySelectorAll("ix-tree-node");a&&a.forEach(D=>{var u;const m=(u=D.shadowRoot)===null||u===void 0?void 0:u.querySelector('[role="treeitem"]');m&&m.style.setProperty("overflow","hidden")})}))}get accountSelectionRequired(){var e,o,i,l,a;return!((o=(e=this.authorizedAccountTree)===null||e===void 0?void 0:e.children)===null||o===void 0)&&o.length?this.authorizedAccountTree.children.length>1?((i=this.selectedRole)===null||i===void 0?void 0:i.roleType)===d.Custom:!!(!((l=this.authorizedAccountTree.children[0].children)===null||l===void 0)&&l.length)&&((a=this.selectedRole)===null||a===void 0?void 0:a.roleType)===d.Custom:!1}connectedCallback(){super.connectedCallback(),this.addEventListener(h.OpenDialog,this.resetDialogBinding)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(h.OpenDialog,this.resetDialogBinding)}willUpdate(e){e.has("isOpen")&&this.validateDialog()}validateDialog(){var e;if(!this.duplicateRoleInput||!v(this.duplicateRoleInput)){this.isValid=!1;return}if(this.accountSelectionRequired&&!(!((e=this.selectedAccount)===null||e===void 0)&&e.accountNumber)){this.isValid=!1;return}this.isValid=!0}handleClose(){M(this,h.CloseDialog)}resetDialog(){this.validateDialog(),this.toggleAccountSelector=!1,this.clearSelectedAccount()}clearSelectedAccount(){this.selectedAccount={},f.clear()}handleAccountSelection(e){this.selectedAccount={accountNumber:e.id,name:e.label},this.validateDialog()}handleDuplicateRole(){if(!this.selectedAccount||!this.selectedRole){P.displayError("Something went wrong, please try again.");return}this.draft={name:this.selectedRole.name,accountNumber:this.selectedAccount.accountNumber,roleType:this.selectedRole.roleType===d.GlobalAccess?d.Internal:this.selectedRole.roleType,permissions:this.selectedRole.permissions},this.draft.name=v(this.duplicateRoleInput),this.accountSelectionRequired||(this.draft.accountNumber=V.getAccountNumber()),this.selectedRole.roleType!==d.Custom&&(this.draft.accountNumber=null),B(_.RoleManagement,"?id=new"),f.update(this.draft),this.handleClose()}renderAccountSelector(){var e;const o=L().filter(i=>j.hasCustomRolesCreate(i.accountNumber));return this.authorizedAccountTree=z(o),this.accountSelectionRequired?r(S||(S=c([" ","\n      ",'\n      <div class="mt-4 flex">\n        <ix-button\n          data-testid="duplicate-role-show-accounts-btn"\n          appearance="outlined"\n          @click=',"\n        >\n          ","\n        </ix-button>\n      </div>"])),!((e=this.selectedAccount)===null||e===void 0)&&e.name?r(b||(b=c(['\n            <div class="px-3 py-2 bg-blue-gp rounded-full max-w-min text-nowrap">\n              <span class="tracking-wider"> '," </span>\n            </div>\n          "])),this.selectedAccount.name):p,this.toggleAccountSelector?r(y||(y=c(['\n            <div class="border-solid border-2 rounded-md max-h-96 max-w-lg overflow-auto">\n              <ix-tree\n                id="account-select-tree"\n                .rootNode=',"\n                @on-tree-node-selected=","\n              ></ix-tree>\n            </div>\n          "])),this.authorizedAccountTree,i=>this.handleAccountSelection(i.detail.message)):p,i=>{i.preventDefault(),this.toggleAccountSelector=!this.toggleAccountSelector},this.toggleAccountSelector?r(A||(A=c(["Hide Accounts"]))):r(R||(R=c(["Show Accounts"])))):p}renderLoading(){r(T||(T=c(['<ix-progress class="mt-5 mx-auto" ?indeterminate=',"></ix-progress>"])),!0)}render(){var e;return r(w||(w=c(['<ix-dialog\n      class="dialog z-50 relative"\n      id="duplicate-role-dialog"\n      ?open=',"\n      @cancel=",'\n    >\n      <div class="dlr-text-heading" slot="headline">Duplicate Role</div>\n      <form\n        class="dialog-form w-[340px] md:w-[560px] max-w-[560px]"\n        id="duplicate-form-id"\n        slot="content"\n        method="dialog"\n      >\n        <p class="mb-7">\n          All permissions of the selected role will be duplicated to the new role. Be sure to give\n          your new role a unique name.\n        </p>\n        <ix-textbox\n          id="duplicate-role-input"\n          class="mb-4"\n          type="text"\n          label="Role Name"\n          placeholder="i.e. New Role"\n          errorText=""\n          value="',' (Copy)"\n          @input=',"\n        ></ix-textbox>\n        <div>",'</div>\n      </form>\n      <div class="dialog-actions" slot="actions">\n        <ix-button\n          form="duplicate-form-id"\n          appearance="text"\n          ?disabled=',"\n          @click=",'\n        >\n          Cancel\n        </ix-button>\n        <ix-button\n          data-testid="save-duplicate-btn"\n          class="dialog-actions__button btn btn_primary"\n          form="duplicate-form-id"\n          appearance="text"\n          ?disabled=',"\n          ?submitting=","\n          @click=","\n        >\n          Duplicate\n        </ix-button>\n      </div>\n    </ix-dialog>"])),this.isOpen,this.handleClose,(e=this.selectedRole)===null||e===void 0?void 0:e.name,o=>{this.duplicateRoleInput&&k(this.duplicateRoleInput,o.target.value),this.validateDialog()},this.renderAccountSelector(),this.duplicatingRole,this.handleClose,!this.isValid||this.cancelling||!this.isOpen,this.duplicatingRole,this.handleDuplicateRole)}};t.styles=[E,I],n([g({type:Boolean})],t.prototype,"isOpen",void 0),n([g({type:Object})],t.prototype,"selectedRole",void 0),n([s()],t.prototype,"toggleAccountSelector",void 0),n([s()],t.prototype,"authorizedAccountTree",void 0),n([s()],t.prototype,"selectedAccount",void 0),n([s()],t.prototype,"isValid",void 0),n([s()],t.prototype,"duplicatingRole",void 0),n([s()],t.prototype,"cancelling",void 0),n([C("#duplicate-role-input")],t.prototype,"duplicateRoleInput",void 0),n([N("ix-tree")],t.prototype,"ixTree",void 0),t=n([O("duplicate-role-dialog")],t);export{t as DuplicateRoleDialog};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management5.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{html as r,nothing as u}from"lit";import{property as f,state as a,query as z,queryAsync as V,customElement as q}from"lit/decorators.js";import{MobxLitElement as O}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-textbox/ix-textbox.js";import"@digital-realty/ix-tree/ix-tree.js";import{elementTheme as k}from"@digital-realty/theme";import{TWStyles as E}from"../../ui-user-management2.js";import{getIxTextBoxValue as h,setIxTextBoxValue as x}from"../../helpers/ui-user-management3.js";import{RoleRoleTypeEnum as c}from"../../domain/entities/ui-user-management.js";import{ApplicationEvents as B}from"../../constants/events/ui-user-management.js";import{buildAccountTree as P}from"../../services/ui-user-management14.js";import{appState as _}from"../../state/ui-user-management2.js";import{roleDraftStore as p}from"../../state/ui-user-management9.js";import{navigateTo as j}from"../../routes/ui-user-management2.js";import{RouteNames as F}from"../../routes/ui-user-management.js";import{getSortedAccounts as L}from"../../services/ui-user-management10.js";import{userProfile as M}from"../../state/ui-user-management.js";import{errorService as H}from"../../services/ui-user-management.js";import{raiseEvent as W}from"../../helpers/ui-user-management.js";import{Theme as $}from"../../styles/ui-user-management20.js";var b=Object.freeze,G=Object.defineProperty,l=(e,t)=>b(G(e,"raw",{value:b(t||e.slice())})),y,A,R,S,T,C,w,N,D;const m={name:"",accountNumber:"",roleType:c.Custom,permissions:[]};let o=class extends O{constructor(){super(...arguments),this.draft=structuredClone(m),this.isOpen=!1,this.toggleAccountSelector=!1,this.isValid=!1,this.addingRole=!1,this.cancelling=!1}updated(e){var t;super.updated(e),e.get("toggleAccountSelector")===!1&&((t=this.ixTree)===null||t===void 0||t.then(n=>{var s;const g=(s=n==null?void 0:n.shadowRoot)===null||s===void 0?void 0:s.querySelectorAll("ix-tree-node");g&&g.forEach(I=>{var d;const v=(d=I.shadowRoot)===null||d===void 0?void 0:d.querySelector('[role="treeitem"]');v&&v.style.setProperty("overflow","hidden")})}))}get accountSelectionRequired(){var e,t,n;return!((t=(e=this.authorizedAccountTree)===null||e===void 0?void 0:e.children)===null||t===void 0)&&t.length?this.authorizedAccountTree.children.length>1?this.roleType===c.Custom:!!(!((n=this.authorizedAccountTree.children[0].children)===null||n===void 0)&&n.length)&&this.roleType===c.Custom:!1}handleOpened(){switch(this.draft=structuredClone(m),this.roleType&&(this.draft.roleType=this.roleType),this.roleType){case c.Custom:this.draft.accountNumber=_.getAccountNumber();break;case c.Internal:case c.Default:this.draft.accountNumber=null;break}}validateDialog(){var e;if(!this.createRoleInput||!h(this.createRoleInput)){this.isValid=!1;return}if(this.accountSelectionRequired&&!(!((e=this.selectedAccount)===null||e===void 0)&&e.accountNumber)){this.isValid=!1;return}this.isValid=!0}handleDialogCancel(){this.handleClose(!0)}handleClose(e){W(this,B.CloseDialog),this.resetDialog(e)}resetDialog(e){this.isValid=!1,this.toggleAccountSelector=!1,this.createRoleInput&&x(this.createRoleInput,""),this.draft=structuredClone(m),e?this.clearSelectedAccount():this.selectedAccount={}}clearSelectedAccount(){this.selectedAccount={},p.clear()}handleAccountSelection(e){this.selectedAccount={accountNumber:e.id,name:e.label},this.validateDialog()}handleCreateRole(){var e;if(!this.roleType||!h(this.createRoleInput)||this.accountSelectionRequired&&!this.selectedAccount){H.displayError("Something went wrong, please try again.");return}const t=(e=this.selectedAccount)===null||e===void 0?void 0:e.accountNumber;this.draft={...this.draft,name:h(this.createRoleInput),roleType:this.roleType,accountNumber:t!=null?t:this.draft.accountNumber},p.initializeDraft(),p.update(this.draft),this.handleClose(),j(F.RoleManagement,"?id=new")}renderAccountSelector(){var e;const t=L().filter(n=>M.hasCustomRolesCreate(n.accountNumber));return this.authorizedAccountTree=P(t),this.accountSelectionRequired?r(T||(T=l([' <p class="text-black font-medium text-base">Select Account</p>\n\n      ',"\n      ",'\n\n      <div class="mt-4 flex">\n        <ix-button\n          appearance="outlined"\n          @click=','\n          data-testid="create-role-dialog-btn-toggle-accounts"\n        >\n          ',"\n        </ix-button>\n      </div>"])),!((e=this.selectedAccount)===null||e===void 0)&&e.name?r(y||(y=l(['\n            <div class="px-3 py-2 bg-blue-gp rounded-full max-w-min text-nowrap">\n              <span class="tracking-wider"> '," </span>\n            </div>\n          "])),this.selectedAccount.name):u,this.toggleAccountSelector?r(A||(A=l(['\n            <div class="border-solid border-2 rounded-md max-h-96 max-w-lg overflow-auto">\n              <ix-tree\n                id="account-select-tree"\n                .rootNode=',"\n                @on-tree-node-selected=",'\n                data-testid="create-role-dialog-account-tree"\n              >\n              </ix-tree>\n            </div>\n          '])),this.authorizedAccountTree,n=>this.handleAccountSelection(n.detail.message)):u,n=>{n.preventDefault(),this.toggleAccountSelector=!this.toggleAccountSelector},this.toggleAccountSelector?r(R||(R=l(["Hide Accounts"]))):r(S||(S=l(["Show Accounts"])))):u}renderLoading(){r(C||(C=l(['<ix-progress class="mt-5 mx-auto" indeterminate></ix-progress>'])))}renderContent(){return r(w||(w=l(['\n      <ix-textbox\n        id="create-role-input"\n        data-testid="create-role-name"\n        class="mb-4"\n        type="text"\n        label="Role Name"\n        placeholder="i.e. New Role"\n        errorText=""\n        @input=',"\n      ></ix-textbox>\n      <div>","</div>\n    "])),e=>{this.createRoleInput&&x(this.createRoleInput,e.target.value),this.validateDialog()},this.renderAccountSelector())}renderFooter(){return r(N||(N=l(['\n      <div class="dialog-actions" slot="actions">\n        <ix-button\n          form="create-form-id"\n          appearance="text"\n          ?disabled=',"\n          ?submitting=","\n          @click=",'\n        >\n          Cancel\n        </ix-button>\n        <ix-button\n          data-testid="create-role-dialog-next-btn"\n          form="create-form-id"\n          appearance="text"\n          ?disabled=',"\n          ?submitting=","\n          @click=","\n        >\n          Next\n        </ix-button>\n      </div>\n    "])),this.addingRole,this.cancelling,this.handleDialogCancel,!this.isValid||this.cancelling||!this.isOpen,this.addingRole,this.handleCreateRole)}render(){return r(D||(D=l(['<ix-dialog\n      class="dialog z-50 relative "\n      id="create-role-dialog"\n      ?open=',"\n      @open=","\n      @cancel=",'\n    >\n      <div class="dlr-text-heading" slot="headline">Create Role</div>\n      <form id="create-form-id" class="w-[340px] md:w-[560px]" slot="content" method="dialog">\n        '," ","\n      </form>\n    </ix-dialog>"])),this.isOpen,this.handleOpened,this.handleDialogCancel,this.renderContent(),this.renderFooter())}};o.styles=[k,E,$],i([f({type:Boolean})],o.prototype,"isOpen",void 0),i([f()],o.prototype,"roleType",void 0),i([a()],o.prototype,"toggleAccountSelector",void 0),i([a()],o.prototype,"authorizedAccountTree",void 0),i([a()],o.prototype,"selectedAccount",void 0),i([a()],o.prototype,"isValid",void 0),i([a()],o.prototype,"addingRole",void 0),i([a()],o.prototype,"cancelling",void 0),i([z("#create-role-input")],o.prototype,"createRoleInput",void 0),i([V("ix-tree")],o.prototype,"ixTree",void 0),o=i([q("create-role-dialog")],o);export{o as CreateRoleDialog};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management6.js

@@ -1 +0,0 @@
-import{__decorate as s}from"tslib";import{nothing as l,html as r}from"lit";import{MobxLitElement as b}from"@adobe/lit-mobx";import{reaction as x}from"mobx";import{property as T,state as c,customElement as y}from"lit/decorators.js";import"@digital-realty/ix-dropdown-tree/ix-dropdown-tree.js";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-icon/ix-icon.js";import{TWStyles as w}from"../../ui-user-management2.js";import{navigateTo as E}from"../../routes/ui-user-management2.js";import{RouteNames as k}from"../../routes/ui-user-management.js";import{appState as S}from"../../state/ui-user-management2.js";import{RoleRoleTypeEnum as N}from"../../domain/entities/ui-user-management.js";import{ApplicationEvents as d}from"../../constants/events/ui-user-management.js";import{raiseEvent as m}from"../../helpers/ui-user-management.js";import{userProfile as D}from"../../state/ui-user-management.js";import{roleDraftStore as I}from"../../state/ui-user-management9.js";import{roleStore as j}from"../../state/ui-user-management3.js";import{customRolesTreeStore as i}from"../../state/ui-user-management4.js";var p=Object.freeze,A=Object.defineProperty,n=(e,t)=>p(A(e,"raw",{value:p(t||e.slice())})),u,h,R,f,g,v;let o=class extends b{constructor(){super(...arguments),this.canCreate=!1}connectedCallback(){super.connectedCallback(),this.disposeReaction=x(()=>i.get(),()=>{this.requestUpdate("customRolesTree")}),this.canCreate=D.hasCustomRolesCreate(),this.customRolesTree=i.get()}disconnectedCallback(){super.disconnectedCallback(),this.disposeReaction()}willUpdate(e){e.has("customRolesTree")&&(this.customRolesTree=i.get())}handleToggle(e){i.toggleNodeExpanded(e.detail.message.node.id)}renderRoles(){var e;if(!(!((e=this.customRolesTree)===null||e===void 0)&&e.tree))return l;const{tree:t,isEndChild:C}=this.customRolesTree;return r(h||(h=n([" ",""])),C?this.renderFlatRoles():r(u||(u=n(["<ix-dropdown-tree\n          .rootNode=","\n          .selectedId=","\n          @node-action=","\n          @select=","\n          ?hasActionButton=","\n          @tree-node-toggle=","\n        ></ix-dropdown-tree>"])),t,this.activeRoleId,a=>m(this,d.DuplicateRole,a.detail.message.id),a=>{I.get().name?this.dispatchEvent(new CustomEvent("rm-unsaved-changes")):E(k.RoleManagement,"?id=".concat(a.detail.message))},this.canCreate,this.handleToggle))}renderFlatRoles(){const e=j.get().filter(t=>t.accountNumber===S.getAccountNumber()&&t.roleType===N.Custom);return e.length?r(f||(f=n(["\n      <ul>\n        ","\n      </ul>\n    "])),e.map(t=>r(R||(R=n(['\n              <li class="overflow-hidden">\n                <dr-role\n                  .roleData=',"\n                  ?active=","\n                  ?canDuplicate=","\n                ></dr-role>\n              </li>\n            "])),t,t.id===this.activeRoleId,this.canCreate))):l}render(){return r(v||(v=n(['\n      <div>\n        <div class="flex justify-between items-center">\n          <h2 class="grow text-xl font-bold dlr-text-heading">Custom Roles</h2>\n          ',"\n        </div>\n        ","\n      </div>\n    "])),this.canCreate?r(g||(g=n(['\n                <ix-button\n                  data-testid="create-role-button"\n                  icon="add"\n                  appearance="text"\n                  role="button"\n                  aria-label="Create Role"\n                  @click=','\n                  has-icon\n                >\n                  <ix-icon slot="icon">add</ix-icon>\n                  <span class="uppercase font-bold tracking-wider">Create Role</span>\n                </ix-button>\n              '])),()=>m(this,d.CreateRole)):l,this.renderRoles())}};o.styles=[w],s([T({type:String})],o.prototype,"activeRoleId",void 0),s([c()],o.prototype,"customRolesTree",void 0),s([c()],o.prototype,"canCreate",void 0),o=s([y("custom-roles")],o);export{o as CustomRoles};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management7.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as a,html as r}from"lit";import{property as l,customElement as d}from"lit/decorators.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"@digital-realty/ix-button/ix-button.js";import{elementTheme as p}from"@digital-realty/theme";import{TWStyles as c}from"../../ui-user-management2.js";import{ApplicationEvents as m}from"../../constants/events/ui-user-management.js";var o=Object.freeze,v=Object.defineProperty,g=(t,s)=>o(v(t,"raw",{value:o(s||t.slice())})),n;let e=class extends a{constructor(){super(...arguments),this.isOpen=!1}closeDialog(){this.isOpen=!1,this.dispatchEvent(new CustomEvent(m.CloseDialog))}render(){return r(n||(n=g(['<ix-dialog\n      id="unsaved-changes-dialog"\n      ?open=',"\n      @closed=",'\n      class="dialog z-50 relative"\n    >\n      <div slot="headline" class="dlr-text-heading">Attention</div>\n      <div slot="content" id="duplicate-form-id" method="dialog" class="max-w-[560px]">\n        <p>There are unsaved changes on this page, save or discard them before leaving.</p>\n      </div>\n      <div class="dialog-actions" slot="actions">\n        <ix-button\n          form="unsaved-changes-form-id"\n          appearance="text"\n          @click=',"\n        >\n          OK\n        </ix-button>\n      </div>\n    </ix-dialog>"])),this.isOpen,()=>this.closeDialog(),()=>this.closeDialog())}};e.styles=[p,c],i([l({type:Boolean})],e.prototype,"isOpen",void 0),e=i([d("unsaved-changes-dialog")],e);export{e as UnsavedChangesDialog};

package/dist/ui-user-management/out-tsc/src/components/role-management/ui-user-management8.js

@@ -1 +0,0 @@
-import{__decorate as i}from"tslib";import{LitElement as v,nothing as f,html as n}from"lit";import{property as r,customElement as h}from"lit/decorators.js";import"@digital-realty/ix-icon-button/ix-icon-button.js";import{myClassMap as l}from"../../helpers/ui-user-management3.js";import{TWStyles as D}from"../../ui-user-management2.js";import{DrRoleStyles as y}from"../../styles/ui-user-management26.js";import{getPathByName as b}from"../../routes/ui-user-management2.js";import{RouteNames as g}from"../../routes/ui-user-management.js";import{raiseEvent as x}from"../../helpers/ui-user-management.js";import{ApplicationEvents as E}from"../../constants/events/ui-user-management.js";import{roleDraftStore as R}from"../../state/ui-user-management9.js";var s=Object.freeze,_=Object.defineProperty,c=(e,o)=>s(_(e,"raw",{value:s(o||e.slice())})),p,m;let t=class extends v{constructor(){super(...arguments),this.canDuplicate=!1,this.active=!1}render(){var e,o;if(!(!((e=this.roleData)===null||e===void 0)&&e.id))return f;const d={"flex items-center hover:bg-indigo-100 rounded-r-full":!0,"bg-indigo-100 active":this.active},u={"font-bold":this.active,"dlr-text-small grow mx-4":!0,"my-2":!this.canDuplicate};return n(m||(m=c(["\n      <div class=",' data-testid="role-list-item-','">\n        <a\n          class=',"\n          href=","\n          @click=","\n        >\n          ","\n        </a>\n        ","\n      </div>\n    "])),l(d),this.roleData.id,l(u),"".concat(b(g.RoleManagement),"?id=").concat(this.roleData.id),a=>{R.get().name&&(a.preventDefault(),a.stopPropagation(),this.dispatchEvent(new CustomEvent("rm-unsaved-changes",{bubbles:!0,composed:!0})))},(o=this.roleData)===null||o===void 0?void 0:o.name,this.canDuplicate?n(p||(p=c(['\n              <ix-icon-button\n                class="role-list-item__duplicate-btn"\n                ?disabled=','\n                data-testid="duplicate-btn"\n                @click=','\n                icon="content_copy"\n              >\n              </ix-icon-button>\n            '])),!this.canDuplicate,()=>x(this,E.DuplicateRole,this.roleData.id)):"")}};t.styles=[D,y],i([r({type:Object})],t.prototype,"roleData",void 0),i([r({type:Boolean})],t.prototype,"canDuplicate",void 0),i([r({type:Boolean})],t.prototype,"active",void 0),t=i([h("dr-role")],t);export{t as DrRole};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{html as u}from"lit";import{property as h,state as c,query as f,customElement as v}from"lit/decorators.js";import{MobxLitElement as b}from"@adobe/lit-mobx";import"@digital-realty/ix-button/ix-button.js";import"@digital-realty/ix-dialog/ix-dialog.js";import"./ui-user-management2.js";import"../../Shared/ui-user-management2.js";import{elementTheme as C}from"@digital-realty/theme";import{CreateUserContainerStyles as E}from"../../../styles/ui-user-management4.js";import{ApplicationEvents as D}from"../../../constants/events/ui-user-management.js";import{getUserFlagKey as U}from"../../../models/ui-user-management.js";import y from"../../../domain/repositories/ui-user-management4.js";import I from"../../../domain/repositories/ui-user-management6.js";import x from"../../../domain/repositories/ui-user-management5.js";import{TWStyles as T}from"../../../ui-user-management2.js";import{CreateUserEvents as l}from"../../../constants/events/ui-user-management2.js";import{hasDLRDomain as N}from"../../../services/ui-user-management9.js";var g=Object.freeze,S=Object.defineProperty,p=(e,t)=>g(S(e,"raw",{value:g(t||e.slice())})),m,w;let n=class extends b{constructor(){super(...arguments),this.showDrawer=!1,this.showDraft=!1,this.showCancelDialog=!1,this.success=!1,this.newUserId="",this.submittingNewUser=!1,this.cancellingCreateUser=!1}static get styles(){return[E,C,T]}async createNewContact(e){this.submittingNewUser=!0;const t=e.detail.newContact,s=e.detail.dataForAccounts;s.forEach(({accountId:r})=>{t.accounts.some(({accountNumber:o})=>o===r)||t.accounts.push({accountNumber:r})});try{this.newUserId=await this.createContact(t);const r=[this.createRoleAssignments(s,t.email),this.createUserFlags(s)];(await Promise.allSettled(r)).forEach(o=>{if(o.status==="rejected")throw new Error(o.reason)}),this.dispatchTableRefreshEvent(),this.success=!0}catch(r){this.success=!1}finally{this.submittingNewUser=!1}}async createContact(e){const t=await y.create({contactInput:e});if(!(t!=null&&t.id))throw new Error("Failed to create the new user.");return t.id}async createRoleAssignments(e,t){const s=[],r=N(t);if(e.forEach(({rolesData:o})=>{o.forEach(i=>{i.locations.forEach(d=>{s.push({roleId:i.role.id,location:d.customerKnownSpaceName,accountNumber:i.accountId,contactId:this.newUserId,isInternal:r})})})}),s.length&&!(await I.create({roleAssignmentInput:s})).length)throw new Error("Failed to assign role(s) to the new user.")}async createUserFlags(e){var t;const s=[];for(const r of e)r.flagData&&((t=r.genericFlagsData)===null||t===void 0||t.forEach(o=>{o.updateService&&o.updateService.updates.forEach(i=>{const d={accountNumber:r.accountId,contactId:this.newUserId,userFlagType:U(o.label),location:i.customerKnownSpaceName||""};s.push(d)})}));if(s.length&&!(await x.create({userFlagAssignmentInput:s})).length)throw new Error("We could not assign the selected flags to the new user.")}dispatchDraftToggleEvent(){this.dispatchEvent(new CustomEvent(l.ToggleDraft,{composed:!0})),this.dispatchDrawerToggleEvent()}dispatchDrawerToggleEvent(){this.dispatchEvent(new CustomEvent(l.ToggleDrawer,{composed:!0}))}dispatchTableRefreshEvent(){document.dispatchEvent(new CustomEvent(D.RefreshTable,{composed:!0}))}toggleDialog(){this.dispatchEvent(new CustomEvent(l.ToggleDialog,{composed:!0,bubbles:!0}))}toggleSuccess(){this.success=!this.success}resetSuccess(){this.success=!1}cancelCreateUser(){this.cancellingCreateUser=!0,setTimeout(()=>{var e;(e=this.createUser)===null||e===void 0||e.resetStep(),this.dispatchEvent(new CustomEvent(l.CancelCreateUser,{composed:!0})),this.cancellingCreateUser=!1},50)}renderCancelDialog(){return u(m||(m=p(["\n      <ix-dialog\n        ?open=","\n        @cancel=",'\n        data-testid="dialog-cancel-add-user"\n      >\n        <div class="dlr-text-heading md:w-[560px]" slot="headline">\n          Are you sure you want to cancel?\n        </div>\n        <div class="dialog-content" slot="content">\n          <p>All the details provided will be lost.</p>\n        </div>\n        <div class="dialog-actions" slot="actions">\n          <ix-button\n            appearance="text"\n            ?disabled=',"\n            @click=",'\n            slot="secondary"\n            data-testid="dismiss-close-create-user-button"\n          >\n            Dismiss\n          </ix-button>\n          <ix-button\n            appearance="text"\n            ?submitting=',"\n            @click=",'\n            slot="primary"\n            data-testid="cancel-create-user-button"\n          >\n            Cancel adding user\n          </ix-button>\n        </div>\n      </ix-dialog>\n    '])),this.showCancelDialog,this.toggleDialog,this.cancellingCreateUser,this.toggleDialog,this.cancellingCreateUser,this.cancelCreateUser)}render(){return u(w||(w=p(["\n      <create-user\n        .newUserId=","\n        ?showDrawer=","\n        ?submitting=","\n        ?success=","\n        @toggle-drawer=","\n        @create-new-contact=","\n        @toggle-success=","\n        @reset-success=",'\n        data-testid="um-create-user"\n      ></create-user>\n      <ix-draft\n        header="Draft"\n        subText="Add New User"\n        ?isVisible=',"\n        @toggle-dialog=","\n      ></ix-draft>\n\n      ","\n    "])),this.newUserId,this.showDrawer,this.submittingNewUser,this.success,this.dispatchDrawerToggleEvent,e=>this.createNewContact(e),this.toggleSuccess,this.resetSuccess,this.showDraft,this.toggleDialog,this.renderCancelDialog())}};a([h({type:Boolean})],n.prototype,"showDrawer",void 0),a([h({type:Boolean})],n.prototype,"showDraft",void 0),a([h({type:Boolean})],n.prototype,"showCancelDialog",void 0),a([c()],n.prototype,"success",void 0),a([c()],n.prototype,"newUserId",void 0),a([c()],n.prototype,"submittingNewUser",void 0),a([c()],n.prototype,"cancellingCreateUser",void 0),a([f("create-user")],n.prototype,"createUser",void 0),n=a([v("create-user-container")],n);export{n as CreateUserContainer};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management10.js

@@ -1 +0,0 @@
-function u(t){var e;for(const c of t)if(c.checked||!((e=c.children)===null||e===void 0)&&e.length&&u(c.children))return!0;return!1}function h(t){return t.some(e=>e.subaccounts.length)?"nested":"flat"}function d(t,e){var c,r;if(e==="flat")return t.filter(n=>n.checked);const o=[];for(const n of t){n.checked&&o.push(n);const l=(c=n.children)===null||c===void 0?void 0:c.every(i=>i.checked);if(!((r=n.children)===null||r===void 0)&&r.length&&(n.indeterminate||!l)){const i=d(n.children,e);o.push(...i)}}return o}export{h as getAccountStructure,d as getCheckedAccounts,u as isAnyAccountChecked};

package/dist/ui-user-management/out-tsc/src/components/user-management/create-user/ui-user-management11.js

@@ -1 +0,0 @@
-import{__decorate as a}from"tslib";import{LitElement as u,html as n}from"lit";import{property as i,customElement as g}from"lit/decorators.js";import"@digital-realty/ix-card/ix-card.js";import{baseTheme as v,elementTheme as h}from"@digital-realty/theme";import{StepFourStyles as y}from"../../../styles/ui-user-management18.js";import{TWStyles as A}from"../../../ui-user-management2.js";import{userFlagTypeList as f}from"../../../models/ui-user-management.js";var d=Object.freeze,I=Object.defineProperty,s=(t,c)=>d(I(t,"raw",{value:d(c||t.slice())})),l,m,p;const T={ToggleActiveCard:"toggle-active-card"};let e=class extends u{constructor(){super(...arguments),this.dataForAccounts=[],this.isRoles=!1}dispatchToggleActiveCard(t){this.dispatchEvent(new CustomEvent(T.ToggleActiveCard,{detail:{accountId:t},bubbles:!0,composed:!0}))}renderCards(){return this.dataForAccounts.map(t=>{if(this.isRoles){const r=t.rolesData.filter(o=>o.role.removed===!1).map(o=>o.role.name);return n(l||(l=s(['\n          <ix-card\n            data-testid="ix-card-','"\n            .itemId=',"\n            .name=","\n            .names=","\n            .type=","\n            ?isActive=","\n            @toggle-card=","\n          ></ix-card>\n        "])),t.accountId,t.accountId,t.accountName,r,"roles",this.selectedAccountId===t.accountId,o=>{this.dispatchToggleActiveCard(o.detail)})}const c=f.map(r=>r.text);return n(m||(m=s(['\n        <ix-card\n          data-testid="ix-card-','"\n          .itemId=',"\n          .name=","\n          .names=","\n          .type=","\n          .isActive=","\n          @toggle-card=","\n        ></ix-card>\n      "])),t.accountId,t.accountId,t.accountName,c,"flags",this.selectedAccountId===t.accountId,r=>{this.dispatchToggleActiveCard(r.detail)})})}render(){return n(p||(p=s(['<div class="cards-container">',"</div> "])),this.renderCards())}};e.styles=[y,A,v,h],a([i({type:Array})],e.prototype,"dataForAccounts",void 0),a([i({type:String})],e.prototype,"selectedAccountId",void 0),a([i({type:Boolean})],e.prototype,"isRoles",void 0),e=a([g("account-tabbing-card")],e);export{e as AccountTabbingCard};