@kong-ui-public/entities-snis 3.10.36 → 3.10.37-pr.2790.95b70759b.0

package/dist/entities-snis.es.js

@@ -513,7 +513,7 @@ const ke = {
   for (const [a, l] of D)
     v[a] = l;
   return v;
-}, lt = /* @__PURE__ */ Se(Ye, [["__scopeId", "data-v-5d5c486a"]]), Ze = { class: "kong-ui-entities-snis-form" }, et = { "data-testid": "no-search-results" }, tt = {
+}, lt = /* @__PURE__ */ Se(Ye, [["__scopeId", "data-v-a9c53ea5"]]), Ze = { class: "kong-ui-entities-snis-form" }, et = { "data-testid": "no-search-results" }, tt = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
@@ -706,7 +706,7 @@ const ke = {
       ]);
     };
   }
-}), ct = /* @__PURE__ */ Se(at, [["__scopeId", "data-v-c457d016"]]);
+}), ct = /* @__PURE__ */ Se(at, [["__scopeId", "data-v-cbb05af6"]]);
 export {
   ct as SniForm,
   lt as SniList

package/dist/entities-snis.umd.js

@@ -1 +1 @@
-(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong-ui-public/i18n","@kong-ui-public/entities-shared","@kong/icons"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["kong-ui-public-entities-snis"]={},y.Vue,y.VueRouter,y["kong-ui-public-i18n"],y["kong-ui-public-entities-shared"],y.KongIcons))})(this,function(y,e,Z,v,d,C){"use strict";const ae={actions:{create:"New SNI",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",loading:"Loading..."},search:{placeholder:"Filter by exact name or ID",no_results:"No results found"},snis:{title:"SNIs",list:{toolbar_actions:{new:"New SNI"},table_headers:{name:"Name",id:"ID",certificate_id:"SSL Certificate ID",tags:"Tags"},empty_state:{title:"Configure a New SNI",description:"SNIs are used to map hostnames to a certificate."},empty_state_v2:{title:"Configure your first SNI",description:"Server Name Indications (SNIs) map hostnames to SSL/TLS certificates, enabling secure connections for domain-specific traffic.",group:"SNIs created in gateways within this group will automatically appear here.",create_cta:"New SNI",learn_more:"Learn more"}}},form:{sections:{general:{title:"General Information",description:"General information will help identify and manage this SNI."},certificate:{title:"Certificate",description:"Map an existing Certificate object to hostnames"}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this SNI"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."},certificate_id:{label:"SSL Certificate ID",placeholder:"Enter or select a Certificate ID",footer:"Search by exact ID to find certificates not included in the list"}}},delete:{title:"Delete an SNI",description:"This action cannot be reversed so make sure to check the SNI usage before deleting."},errors:{delete:"The SNI could not be deleted at this time.",general:"SNIs could not be retrieved",certificates:{fetch:"Could not fetch available certificates",invalid:"Please select a valid certificate ID"},copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"}};function oe(){const t=v.createI18n("en-us",ae);return{i18n:t,i18nT:v.i18nTComponent(t)}}const ee={useI18n:oe},$="/v2/control-planes/{controlPlaneId}/core-entities",R="/{workspace}",q={list:{konnect:{all:`${$}/snis`},kongManager:{all:`${R}/snis`}},form:{konnect:{create:`${$}/snis`,edit:`${$}/snis/{id}`,certificates:`${$}/certificates`},kongManager:{create:`${R}/snis`,edit:`${R}/snis/{id}`,certificates:`${R}/certificates`}}},ne={class:"kong-ui-entities-snis-list"},re={class:"button-row"},se={key:1},ce=e.defineComponent({__name:"SniList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1},useToolbarCreationButton:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success"],setup(t,{emit:V}){var u;const g=V,i=t,{i18n:{t:c}}=ee.useI18n(),p=Z.useRouter(),{axiosInstance:L}=d.useAxios((u=i.config)==null?void 0:u.axiosRequestConfig),{hasRecords:S,handleStateChange:W}=d.useTableState(()=>b.value),k=e.computed(()=>S.value&&i.config.app==="konnect"),N=e.computed(()=>i.config.app!=="kongManager"||!!i.config.disableSorting),s={name:{label:c("snis.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},certificate:{label:c("snis.list.table_headers.certificate_id"),sortable:!1},tags:{label:c("snis.list.table_headers.tags"),sortable:!1}},B=s,J=a=>({style:{maxWidth:a.headerKey==="name"?"250px":a.headerKey==="certificate"?"350px":null}}),K=e.computed(()=>{var n,f;let a=`${i.config.apiBaseUrl}${q.list[i.config.app].all}`;return i.config.app==="konnect"?a=a.replace(/{controlPlaneId}/gi,((n=i.config)==null?void 0:n.controlPlaneId)||""):i.config.app==="kongManager"&&(a=a.replace(/\/{workspace}/gi,(f=i.config)!=null&&f.workspace?`/${i.config.workspace}`:"")),a}),b=e.ref(""),E=e.computed(()=>{const a=i.config.app==="konnect"||i.config.isExactMatch;if(a)return{isExactMatch:a,placeholder:c("search.placeholder")};const{name:n}=s;return{isExactMatch:a,fields:{name:n},schema:i.config.filterSchema}}),{fetcher:I,fetcherState:Q,fetcherCacheKey:D}=d.useFetcher(e.computed(()=>({...i.config,cacheIdentifier:i.cacheIdentifier})),K),z=()=>{b.value=""},G=()=>{D.value++},_=e.ref(null),T=e.ref({ctaPath:i.config.createRoute,ctaText:void 0,message:`${c("snis.list.empty_state.description")}${i.config.additionMessageForEmptyState?` ${i.config.additionMessageForEmptyState}`:""}`,title:c("snis.title")}),H=async(a,n)=>{const f=a.id;if(!await n(f)){g("copy:error",{entity:a,field:"id",message:c("errors.copy")});return}g("copy:success",{entity:a,field:"id",message:c("copy.success",{val:f})})},X=async(a,n)=>{const f=JSON.stringify(a);if(!await n(f)){g("copy:error",{entity:a,message:c("errors.copy")});return}g("copy:success",{entity:a,message:c("copy.success_brief")})},Y=a=>({label:c("actions.edit"),to:i.config.getEditRoute(a)}),h=e.ref(void 0),x=e.ref(!1),w=e.ref(!1),P=e.ref(""),M=d.useDeleteUrlBuilder(i.config,K.value),O=a=>{h.value=a,x.value=!0},A=()=>{x.value=!1,h.value=void 0},U=async()=>{var a,n,f;if((a=h.value)!=null&&a.id){w.value=!0;try{await L.delete(M(h.value.id)),g("delete:success",h.value),w.value=!1,A(),D.value++}catch(l){P.value=((f=(n=l.response)==null?void 0:n.data)==null?void 0:f.message)||l.message||c("errors.delete"),g("error",l)}finally{w.value=!1}}},o=()=>{p.push(i.config.createRoute)};e.watch(Q,a=>{var n,f,l;if(a.status===d.FetcherStatus.Error){_.value={title:c("errors.general")},(l=(f=(n=a.error)==null?void 0:n.response)==null?void 0:f.data)!=null&&l.message&&(_.value.message=a.error.response.data.message),g("error",a.error);return}_.value=null});const r=e.ref(!1);return e.onBeforeMount(async()=>{r.value=await i.canCreate(),r.value&&(T.value.title=c("snis.list.empty_state.title"),T.value.ctaText=c("actions.create"))}),(a,n)=>{const f=e.resolveComponent("KButton"),l=e.resolveComponent("KEmptyState"),ue=e.resolveComponent("KCopy"),j=e.resolveComponent("KDropdownItem"),ie=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",ne,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"cell-attributes":J,"disable-row-click":!0,"disable-sorting":N.value,"empty-state-options":T.value,"enable-entity-actions":"","error-message":_.value,fetcher:e.unref(I),"fetcher-cache-key":e.unref(D),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-snis-list",query:b.value,"table-headers":e.unref(B),onClearSearchInput:z,onSort:G,onState:e.unref(W)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:b.value,"onUpdate:modelValue":n[0]||(n[0]=m=>b.value=m),config:E.value},null,8,["modelValue","config"]),t.useToolbarCreationButton?(e.openBlock(),e.createBlock(e.unref(d.PermissionsWrapper),{key:0,"auth-function":t.canCreate},{default:e.withCtx(()=>[e.createVNode(f,{appearance:"primary","data-testid":"toolbar-add-sni",size:"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(C.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("actions.create")),1)]),_:1},8,["to"])]),_:1},8,["auth-function"])):e.createCommentVNode("",!0)]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",re,[k.value?(e.openBlock(),e.createBlock(f,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"snis-learn-more-button",icon:"",onClick:n[1]||(n[1]=m=>a.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(C.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),t.useToolbarCreationButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(d.PermissionsWrapper),{key:1,"auth-function":t.canCreate},{default:e.withCtx(()=>[e.createVNode(f,{appearance:"primary","data-testid":"toolbar-add-sni",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(C.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.toolbar_actions.new")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"]))])],8,["disabled"]))]),name:e.withCtx(({rowValue:m})=>[e.createElementVNode("b",null,e.toDisplayString(m??"-"),1)]),certificate:e.withCtx(({row:m})=>[m.certificate&&m.certificate.id?(e.openBlock(),e.createBlock(ue,{key:0,class:"copy-certificate-uuid","data-testid":"copy-certificate-uuid",text:m.certificate.id,truncate:""},null,8,["text"])):(e.openBlock(),e.createElementBlock("span",se,"-"))]),tags:e.withCtx(({rowValue:m})=>[e.createVNode(e.unref(d.TableTags),{tags:m},null,8,["tags"])]),actions:e.withCtx(({row:m})=>[e.createVNode(ie,null,{default:e.withCtx(({copyToClipboard:F})=>[e.createVNode(j,{"data-testid":"action-entity-copy-id",onClick:ge=>H(m,F)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(ie,null,{default:e.withCtx(({copyToClipboard:F})=>[e.createVNode(j,{"data-testid":"action-entity-copy-json",onClick:ge=>X(m,F)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canEdit(m)},{default:e.withCtx(()=>[e.createVNode(j,{"data-testid":"action-entity-edit",item:Y(m.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canDelete(m)},{default:e.withCtx(()=>[e.createVNode(j,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:F=>O(m)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!b.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var m;return[e.createVNode(l,{"data-testid":"snis-entity-empty-state","icon-background":"",message:e.unref(c)("snis.list.empty_state_v2.description"),title:e.unref(c)("snis.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(C.CloudIcon),{decorative:""})]),action:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(f,{key:0,"data-testid":"entity-create-button",onClick:o},{default:e.withCtx(()=>[e.createVNode(e.unref(C.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.toolbar_actions.new")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(f,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:n[2]||(n[2]=F=>a.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(C.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[(m=t.config)!=null&&m.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("snis.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["message","title"])]}),key:"0"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers","onState"]),e.createVNode(e.unref(d.EntityDeleteModal),{"action-pending":w.value,description:e.unref(c)("delete.description"),"entity-name":h.value&&(h.value.name||h.value.id),"entity-type":e.unref(d.EntityTypes).SNI,error:P.value,"need-confirm":!1,title:e.unref(c)("delete.title"),visible:x.value,onCancel:A,onProceed:U},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),te=(t,V)=>{const g=t.__vccOpts||t;for(const[i,c]of V)g[i]=c;return g},le=te(ce,[["__scopeId","data-v-5d5c486a"]]),de={class:"kong-ui-entities-snis-form"},fe={"data-testid":"no-search-results"},pe={key:2,class:"invalid-certificate-message","data-testid":"invalid-certificate-message"},me=te(e.defineComponent({__name:"SniForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.cancelRoute)},sniId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(t,{emit:V}){var U;const g=V,i=t,c=Z.useRouter(),{i18n:{t:p}}=ee.useI18n(),{getMessageFromError:L}=d.useErrors(),{axiosInstance:S}=d.useAxios((U=i.config)==null?void 0:U.axiosRequestConfig),W=e.computed(()=>q.form[i.config.app].edit),k=e.computed(()=>i.sniId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),N=e.computed(()=>i.config.certificateId&&k.value===d.EntityBaseFormType.Create?i.config.certificateId:""),s=e.reactive({fields:{name:"",tags:"",certificate_id:""},isReadonly:!1,errorMessage:""}),B=e.reactive({name:"",tags:"",certificate_id:""}),J=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(B)&&!!s.fields.name&&!!(s.fields.certificate_id||N.value)),K=o=>{var r,u;s.fields.name=(o==null?void 0:o.name)||"",s.fields.tags=((r=o==null?void 0:o.tags)==null?void 0:r.join(", "))||"",s.fields.certificate_id=((u=o==null?void 0:o.certificate)==null?void 0:u.id)||"",Object.assign(B,s.fields)},b=()=>{c.push(i.config.cancelRoute)},E=e.computed(()=>{var r,u;let o=`${i.config.apiBaseUrl}${q.form[i.config.app][k.value]}`;return i.config.app==="konnect"?o=o.replace(/{controlPlaneId}/gi,((r=i.config)==null?void 0:r.controlPlaneId)||""):i.config.app==="kongManager"&&(o=o.replace(/\/{workspace}/gi,(u=i.config)!=null&&u.workspace?`/${i.config.workspace}`:"")),o=o.replace(/{id}/gi,i.sniId),o}),I=e.computed(()=>{var o,r;return{name:s.fields.name,tags:(r=(o=s.fields.tags.split(","))==null?void 0:o.map(u=>String(u||"").trim()))==null?void 0:r.filter(u=>u!==""),certificate:{id:N.value||s.fields.certificate_id}}}),Q=async()=>{var o,r,u,a,n,f;try{s.isReadonly=!0;let l;k.value==="create"?l=await S.post(E.value,I.value):k.value==="edit"&&(l=((o=i.config)==null?void 0:o.app)==="konnect"?await S.put(E.value,I.value):await S.patch(E.value,I.value)),s.fields.name=((r=l==null?void 0:l.data)==null?void 0:r.name)||"",s.fields.tags=((a=(u=l==null?void 0:l.data)==null?void 0:u.tags)==null?void 0:a.join(", "))||"",s.fields.certificate_id=((f=(n=l==null?void 0:l.data)==null?void 0:n.certificate)==null?void 0:f.id)||"",Object.assign(B,s.fields),g("update",l==null?void 0:l.data)}catch(l){s.errorMessage=L(l),g("error",l)}finally{s.isReadonly=!1}},{debouncedQueryChange:D,loading:z,allRecords:G,error:_,validationError:T,loadItems:H,results:X}=d.useDebouncedFilter(i.config,q.form[i.config.app].certificates),Y=o=>{D(o)},h=e.computed(()=>_.value?p("errors.certificates.fetch"):""),x=e.computed(()=>T.value?p("errors.certificates.invalid"):""),w=e.ref(0),P=e.computed(()=>G.value===void 0),M=e.ref(new Set),O=e.computed(()=>Array.from(M.value).map(r=>({label:r,value:r,selected:s.fields.certificate_id===r}))),A=o=>{M.value.clear();let r;for(r of o)M.value.add(r.id)};return e.watch(X,o=>{A(o)},{immediate:!0,deep:!0}),e.watch(O,()=>{w.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await H()}),(o,r)=>{const u=e.resolveComponent("KInput"),a=e.resolveComponent("KSelect");return e.openBlock(),e.createElementBlock("div",de,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":J.value,config:t.config,"edit-id":t.sniId,"entity-type":e.unref(d.SupportedEntityType).SNI,"error-message":s.errorMessage||h.value,"fetch-url":W.value,"form-fields":I.value,"is-readonly":s.isReadonly,onCancel:b,"onFetch:error":r[3]||(r[3]=n=>o.$emit("error",n)),"onFetch:success":K,onLoading:r[4]||(r[4]=n=>o.$emit("loading",n)),onSubmit:Q},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(p)("form.sections.general.description"),title:e.unref(p)("form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:s.fields.name,"onUpdate:modelValue":r[0]||(r[0]=n=>s.fields.name=n),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-name",label:e.unref(p)("form.fields.name.label"),placeholder:e.unref(p)("form.fields.name.placeholder"),readonly:s.isReadonly,required:"",type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(u,{modelValue:s.fields.tags,"onUpdate:modelValue":r[1]||(r[1]=n=>s.fields.tags=n),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-tags",help:e.unref(p)("form.fields.tags.help"),label:e.unref(p)("form.fields.tags.label"),"label-attributes":{info:e.unref(p)("form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(p)("form.fields.tags.placeholder"),readonly:s.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(p)("form.sections.certificate.description"),"has-divider":"",title:e.unref(p)("form.sections.certificate.title")},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(u,{key:0,"data-testid":"sni-form-certificate-id",label:e.unref(p)("form.fields.certificate_id.label"),"model-value":N.value,readonly:"",required:"",width:"100%"},null,8,["label","model-value"])):(e.openBlock(),e.createBlock(a,{key:1,modelValue:s.fields.certificate_id,"onUpdate:modelValue":r[2]||(r[2]=n=>s.fields.certificate_id=n),clearable:"","data-testid":"sni-form-certificate-id","dropdown-footer-text":P.value?e.unref(p)("form.fields.certificate_id.footer"):void 0,"enable-filtering":"","filter-function":()=>!0,items:O.value,label:e.unref(p)("form.fields.certificate_id.label"),loading:e.unref(z),placeholder:e.unref(p)("form.fields.certificate_id.placeholder"),readonly:s.isReadonly,required:"",width:"100%",onQueryChange:Y},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(p)("actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",fe,e.toDisplayString(e.unref(p)("search.no_results")),1)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly"])),x.value?(e.openBlock(),e.createElementBlock("p",pe,e.toDisplayString(x.value),1)):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-c457d016"]]);y.SniForm=me,y.SniList=le,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
+(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong-ui-public/i18n","@kong-ui-public/entities-shared","@kong/icons"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["kong-ui-public-entities-snis"]={},y.Vue,y.VueRouter,y["kong-ui-public-i18n"],y["kong-ui-public-entities-shared"],y.KongIcons))})(this,function(y,e,Z,v,d,C){"use strict";const ae={actions:{create:"New SNI",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",loading:"Loading..."},search:{placeholder:"Filter by exact name or ID",no_results:"No results found"},snis:{title:"SNIs",list:{toolbar_actions:{new:"New SNI"},table_headers:{name:"Name",id:"ID",certificate_id:"SSL Certificate ID",tags:"Tags"},empty_state:{title:"Configure a New SNI",description:"SNIs are used to map hostnames to a certificate."},empty_state_v2:{title:"Configure your first SNI",description:"Server Name Indications (SNIs) map hostnames to SSL/TLS certificates, enabling secure connections for domain-specific traffic.",group:"SNIs created in gateways within this group will automatically appear here.",create_cta:"New SNI",learn_more:"Learn more"}}},form:{sections:{general:{title:"General Information",description:"General information will help identify and manage this SNI."},certificate:{title:"Certificate",description:"Map an existing Certificate object to hostnames"}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this SNI"},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."},certificate_id:{label:"SSL Certificate ID",placeholder:"Enter or select a Certificate ID",footer:"Search by exact ID to find certificates not included in the list"}}},delete:{title:"Delete an SNI",description:"This action cannot be reversed so make sure to check the SNI usage before deleting."},errors:{delete:"The SNI could not be deleted at this time.",general:"SNIs could not be retrieved",certificates:{fetch:"Could not fetch available certificates",invalid:"Please select a valid certificate ID"},copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"}};function oe(){const t=v.createI18n("en-us",ae);return{i18n:t,i18nT:v.i18nTComponent(t)}}const ee={useI18n:oe},$="/v2/control-planes/{controlPlaneId}/core-entities",R="/{workspace}",q={list:{konnect:{all:`${$}/snis`},kongManager:{all:`${R}/snis`}},form:{konnect:{create:`${$}/snis`,edit:`${$}/snis/{id}`,certificates:`${$}/certificates`},kongManager:{create:`${R}/snis`,edit:`${R}/snis/{id}`,certificates:`${R}/certificates`}}},ne={class:"kong-ui-entities-snis-list"},re={class:"button-row"},se={key:1},ce=e.defineComponent({__name:"SniList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1},useToolbarCreationButton:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success"],setup(t,{emit:V}){var u;const g=V,i=t,{i18n:{t:c}}=ee.useI18n(),p=Z.useRouter(),{axiosInstance:L}=d.useAxios((u=i.config)==null?void 0:u.axiosRequestConfig),{hasRecords:S,handleStateChange:W}=d.useTableState(()=>b.value),k=e.computed(()=>S.value&&i.config.app==="konnect"),N=e.computed(()=>i.config.app!=="kongManager"||!!i.config.disableSorting),s={name:{label:c("snis.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},certificate:{label:c("snis.list.table_headers.certificate_id"),sortable:!1},tags:{label:c("snis.list.table_headers.tags"),sortable:!1}},B=s,J=a=>({style:{maxWidth:a.headerKey==="name"?"250px":a.headerKey==="certificate"?"350px":null}}),K=e.computed(()=>{var n,f;let a=`${i.config.apiBaseUrl}${q.list[i.config.app].all}`;return i.config.app==="konnect"?a=a.replace(/{controlPlaneId}/gi,((n=i.config)==null?void 0:n.controlPlaneId)||""):i.config.app==="kongManager"&&(a=a.replace(/\/{workspace}/gi,(f=i.config)!=null&&f.workspace?`/${i.config.workspace}`:"")),a}),b=e.ref(""),E=e.computed(()=>{const a=i.config.app==="konnect"||i.config.isExactMatch;if(a)return{isExactMatch:a,placeholder:c("search.placeholder")};const{name:n}=s;return{isExactMatch:a,fields:{name:n},schema:i.config.filterSchema}}),{fetcher:I,fetcherState:Q,fetcherCacheKey:D}=d.useFetcher(e.computed(()=>({...i.config,cacheIdentifier:i.cacheIdentifier})),K),z=()=>{b.value=""},G=()=>{D.value++},_=e.ref(null),T=e.ref({ctaPath:i.config.createRoute,ctaText:void 0,message:`${c("snis.list.empty_state.description")}${i.config.additionMessageForEmptyState?` ${i.config.additionMessageForEmptyState}`:""}`,title:c("snis.title")}),H=async(a,n)=>{const f=a.id;if(!await n(f)){g("copy:error",{entity:a,field:"id",message:c("errors.copy")});return}g("copy:success",{entity:a,field:"id",message:c("copy.success",{val:f})})},X=async(a,n)=>{const f=JSON.stringify(a);if(!await n(f)){g("copy:error",{entity:a,message:c("errors.copy")});return}g("copy:success",{entity:a,message:c("copy.success_brief")})},Y=a=>({label:c("actions.edit"),to:i.config.getEditRoute(a)}),h=e.ref(void 0),x=e.ref(!1),w=e.ref(!1),P=e.ref(""),M=d.useDeleteUrlBuilder(i.config,K.value),O=a=>{h.value=a,x.value=!0},A=()=>{x.value=!1,h.value=void 0},U=async()=>{var a,n,f;if((a=h.value)!=null&&a.id){w.value=!0;try{await L.delete(M(h.value.id)),g("delete:success",h.value),w.value=!1,A(),D.value++}catch(l){P.value=((f=(n=l.response)==null?void 0:n.data)==null?void 0:f.message)||l.message||c("errors.delete"),g("error",l)}finally{w.value=!1}}},o=()=>{p.push(i.config.createRoute)};e.watch(Q,a=>{var n,f,l;if(a.status===d.FetcherStatus.Error){_.value={title:c("errors.general")},(l=(f=(n=a.error)==null?void 0:n.response)==null?void 0:f.data)!=null&&l.message&&(_.value.message=a.error.response.data.message),g("error",a.error);return}_.value=null});const r=e.ref(!1);return e.onBeforeMount(async()=>{r.value=await i.canCreate(),r.value&&(T.value.title=c("snis.list.empty_state.title"),T.value.ctaText=c("actions.create"))}),(a,n)=>{const f=e.resolveComponent("KButton"),l=e.resolveComponent("KEmptyState"),ue=e.resolveComponent("KCopy"),j=e.resolveComponent("KDropdownItem"),ie=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",ne,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"cell-attributes":J,"disable-row-click":!0,"disable-sorting":N.value,"empty-state-options":T.value,"enable-entity-actions":"","error-message":_.value,fetcher:e.unref(I),"fetcher-cache-key":e.unref(D),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-snis-list",query:b.value,"table-headers":e.unref(B),onClearSearchInput:z,onSort:G,onState:e.unref(W)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:b.value,"onUpdate:modelValue":n[0]||(n[0]=m=>b.value=m),config:E.value},null,8,["modelValue","config"]),t.useToolbarCreationButton?(e.openBlock(),e.createBlock(e.unref(d.PermissionsWrapper),{key:0,"auth-function":t.canCreate},{default:e.withCtx(()=>[e.createVNode(f,{appearance:"primary","data-testid":"toolbar-add-sni",size:"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(C.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("actions.create")),1)]),_:1},8,["to"])]),_:1},8,["auth-function"])):e.createCommentVNode("",!0)]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",re,[k.value?(e.openBlock(),e.createBlock(f,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"snis-learn-more-button",icon:"",onClick:n[1]||(n[1]=m=>a.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(C.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),t.useToolbarCreationButton?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(d.PermissionsWrapper),{key:1,"auth-function":t.canCreate},{default:e.withCtx(()=>[e.createVNode(f,{appearance:"primary","data-testid":"toolbar-add-sni",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(C.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.toolbar_actions.new")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"]))])],8,["disabled"]))]),name:e.withCtx(({rowValue:m})=>[e.createElementVNode("b",null,e.toDisplayString(m??"-"),1)]),certificate:e.withCtx(({row:m})=>[m.certificate&&m.certificate.id?(e.openBlock(),e.createBlock(ue,{key:0,class:"copy-certificate-uuid","data-testid":"copy-certificate-uuid",text:m.certificate.id,truncate:""},null,8,["text"])):(e.openBlock(),e.createElementBlock("span",se,"-"))]),tags:e.withCtx(({rowValue:m})=>[e.createVNode(e.unref(d.TableTags),{tags:m},null,8,["tags"])]),actions:e.withCtx(({row:m})=>[e.createVNode(ie,null,{default:e.withCtx(({copyToClipboard:F})=>[e.createVNode(j,{"data-testid":"action-entity-copy-id",onClick:ge=>H(m,F)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.copy_id")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(ie,null,{default:e.withCtx(({copyToClipboard:F})=>[e.createVNode(j,{"data-testid":"action-entity-copy-json",onClick:ge=>X(m,F)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.copy_json")),1)]),_:1},8,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canEdit(m)},{default:e.withCtx(()=>[e.createVNode(j,{"data-testid":"action-entity-edit",item:Y(m.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>t.canDelete(m)},{default:e.withCtx(()=>[e.createVNode(j,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:F=>O(m)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.delete")),1)]),_:1},8,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!b.value&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var m;return[e.createVNode(l,{"data-testid":"snis-entity-empty-state","icon-background":"",message:e.unref(c)("snis.list.empty_state_v2.description"),title:e.unref(c)("snis.list.empty_state_v2.title")},e.createSlots({icon:e.withCtx(()=>[e.createVNode(e.unref(C.CloudIcon),{decorative:""})]),action:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(f,{key:0,"data-testid":"entity-create-button",onClick:o},{default:e.withCtx(()=>[e.createVNode(e.unref(C.AddIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.toolbar_actions.new")),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(f,{appearance:"secondary","data-testid":"entity-learn-more-button",onClick:n[2]||(n[2]=F=>a.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(C.BookIcon),{decorative:""}),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.empty_state_v2.learn_more")),1)]),_:1})]),_:2},[(m=t.config)!=null&&m.isControlPlaneGroup?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("snis.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["message","title"])]}),key:"0"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers","onState"]),e.createVNode(e.unref(d.EntityDeleteModal),{"action-pending":w.value,description:e.unref(c)("delete.description"),"entity-name":h.value&&(h.value.name||h.value.id),"entity-type":e.unref(d.EntityTypes).SNI,error:P.value,"need-confirm":!1,title:e.unref(c)("delete.title"),visible:x.value,onCancel:A,onProceed:U},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),te=(t,V)=>{const g=t.__vccOpts||t;for(const[i,c]of V)g[i]=c;return g},le=te(ce,[["__scopeId","data-v-a9c53ea5"]]),de={class:"kong-ui-entities-snis-form"},fe={"data-testid":"no-search-results"},pe={key:2,class:"invalid-certificate-message","data-testid":"invalid-certificate-message"},me=te(e.defineComponent({__name:"SniForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.cancelRoute)},sniId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(t,{emit:V}){var U;const g=V,i=t,c=Z.useRouter(),{i18n:{t:p}}=ee.useI18n(),{getMessageFromError:L}=d.useErrors(),{axiosInstance:S}=d.useAxios((U=i.config)==null?void 0:U.axiosRequestConfig),W=e.computed(()=>q.form[i.config.app].edit),k=e.computed(()=>i.sniId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),N=e.computed(()=>i.config.certificateId&&k.value===d.EntityBaseFormType.Create?i.config.certificateId:""),s=e.reactive({fields:{name:"",tags:"",certificate_id:""},isReadonly:!1,errorMessage:""}),B=e.reactive({name:"",tags:"",certificate_id:""}),J=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(B)&&!!s.fields.name&&!!(s.fields.certificate_id||N.value)),K=o=>{var r,u;s.fields.name=(o==null?void 0:o.name)||"",s.fields.tags=((r=o==null?void 0:o.tags)==null?void 0:r.join(", "))||"",s.fields.certificate_id=((u=o==null?void 0:o.certificate)==null?void 0:u.id)||"",Object.assign(B,s.fields)},b=()=>{c.push(i.config.cancelRoute)},E=e.computed(()=>{var r,u;let o=`${i.config.apiBaseUrl}${q.form[i.config.app][k.value]}`;return i.config.app==="konnect"?o=o.replace(/{controlPlaneId}/gi,((r=i.config)==null?void 0:r.controlPlaneId)||""):i.config.app==="kongManager"&&(o=o.replace(/\/{workspace}/gi,(u=i.config)!=null&&u.workspace?`/${i.config.workspace}`:"")),o=o.replace(/{id}/gi,i.sniId),o}),I=e.computed(()=>{var o,r;return{name:s.fields.name,tags:(r=(o=s.fields.tags.split(","))==null?void 0:o.map(u=>String(u||"").trim()))==null?void 0:r.filter(u=>u!==""),certificate:{id:N.value||s.fields.certificate_id}}}),Q=async()=>{var o,r,u,a,n,f;try{s.isReadonly=!0;let l;k.value==="create"?l=await S.post(E.value,I.value):k.value==="edit"&&(l=((o=i.config)==null?void 0:o.app)==="konnect"?await S.put(E.value,I.value):await S.patch(E.value,I.value)),s.fields.name=((r=l==null?void 0:l.data)==null?void 0:r.name)||"",s.fields.tags=((a=(u=l==null?void 0:l.data)==null?void 0:u.tags)==null?void 0:a.join(", "))||"",s.fields.certificate_id=((f=(n=l==null?void 0:l.data)==null?void 0:n.certificate)==null?void 0:f.id)||"",Object.assign(B,s.fields),g("update",l==null?void 0:l.data)}catch(l){s.errorMessage=L(l),g("error",l)}finally{s.isReadonly=!1}},{debouncedQueryChange:D,loading:z,allRecords:G,error:_,validationError:T,loadItems:H,results:X}=d.useDebouncedFilter(i.config,q.form[i.config.app].certificates),Y=o=>{D(o)},h=e.computed(()=>_.value?p("errors.certificates.fetch"):""),x=e.computed(()=>T.value?p("errors.certificates.invalid"):""),w=e.ref(0),P=e.computed(()=>G.value===void 0),M=e.ref(new Set),O=e.computed(()=>Array.from(M.value).map(r=>({label:r,value:r,selected:s.fields.certificate_id===r}))),A=o=>{M.value.clear();let r;for(r of o)M.value.add(r.id)};return e.watch(X,o=>{A(o)},{immediate:!0,deep:!0}),e.watch(O,()=>{w.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await H()}),(o,r)=>{const u=e.resolveComponent("KInput"),a=e.resolveComponent("KSelect");return e.openBlock(),e.createElementBlock("div",de,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":J.value,config:t.config,"edit-id":t.sniId,"entity-type":e.unref(d.SupportedEntityType).SNI,"error-message":s.errorMessage||h.value,"fetch-url":W.value,"form-fields":I.value,"is-readonly":s.isReadonly,onCancel:b,"onFetch:error":r[3]||(r[3]=n=>o.$emit("error",n)),"onFetch:success":K,onLoading:r[4]||(r[4]=n=>o.$emit("loading",n)),onSubmit:Q},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(p)("form.sections.general.description"),title:e.unref(p)("form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:s.fields.name,"onUpdate:modelValue":r[0]||(r[0]=n=>s.fields.name=n),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-name",label:e.unref(p)("form.fields.name.label"),placeholder:e.unref(p)("form.fields.name.placeholder"),readonly:s.isReadonly,required:"",type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(u,{modelValue:s.fields.tags,"onUpdate:modelValue":r[1]||(r[1]=n=>s.fields.tags=n),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-tags",help:e.unref(p)("form.fields.tags.help"),label:e.unref(p)("form.fields.tags.label"),"label-attributes":{info:e.unref(p)("form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(p)("form.fields.tags.placeholder"),readonly:s.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(p)("form.sections.certificate.description"),"has-divider":"",title:e.unref(p)("form.sections.certificate.title")},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(u,{key:0,"data-testid":"sni-form-certificate-id",label:e.unref(p)("form.fields.certificate_id.label"),"model-value":N.value,readonly:"",required:"",width:"100%"},null,8,["label","model-value"])):(e.openBlock(),e.createBlock(a,{key:1,modelValue:s.fields.certificate_id,"onUpdate:modelValue":r[2]||(r[2]=n=>s.fields.certificate_id=n),clearable:"","data-testid":"sni-form-certificate-id","dropdown-footer-text":P.value?e.unref(p)("form.fields.certificate_id.footer"):void 0,"enable-filtering":"","filter-function":()=>!0,items:O.value,label:e.unref(p)("form.fields.certificate_id.label"),loading:e.unref(z),placeholder:e.unref(p)("form.fields.certificate_id.placeholder"),readonly:s.isReadonly,required:"",width:"100%",onQueryChange:Y},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(p)("actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",fe,e.toDisplayString(e.unref(p)("search.no_results")),1)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly"])),x.value?(e.openBlock(),e.createElementBlock("p",pe,e.toDisplayString(x.value),1)):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-cbb05af6"]]);y.SniForm=me,y.SniList=le,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-dc1e39a1]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-dc1e39a1]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-cd250044]{align-items:center;border-bottom:var(--v550201a4);box-sizing:border-box;display:var(--v2eeb3c61);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-cd250044]{box-sizing:border-box;padding-right:16px;width:var(--v77ca94df)}.config-card-details-row .config-card-details-label label[data-v-cd250044]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-cd250044]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-cd250044]{min-width:0}.config-card-details-row .config-card-details-value[data-v-cd250044]{box-sizing:border-box;width:var(--v77ccdaba)}.config-card-details-row .config-card-details-value .truncated[data-v-cd250044]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-cd250044]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-cd250044] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-cd250044]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-cd250044]{margin-right:4px}.config-card-details-row[data-v-cd250044] .k-label{margin-bottom:0}.config-card-details-row[data-v-cd250044] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-cd250044] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--v58418ff6);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-f8082e69]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-f2b42324]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-f2b42324]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-f2b42324]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-f2b42324] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-f2b42324]{margin-left:8px;padding:0}.deck-config .k-select[data-v-04c956bc]{margin-bottom:16px}.deck-config .k-code-block[data-v-04c956bc]{margin-top:12px}.kong-ui-entity-base-form[data-v-7cbcaad8]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-7cbcaad8] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-7cbcaad8] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-7cbcaad8] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-7cbcaad8] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.kong-ui-entity-base-form[data-v-7cbcaad8] .slideout-content{overflow-y:unset!important}.form-actions[data-v-7cbcaad8]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-7cbcaad8] .k-button:last-of-type,.form-actions[data-v-7cbcaad8] .k-button:nth-last-of-type(2){margin-inline-start:16px}.form-actions-reverted[data-v-7cbcaad8]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-084f7978]{width:100%}.kong-ui-entity-filter-clear[data-v-084f7978]{cursor:pointer}.kong-ui-entity-filter[data-v-084f7978]{display:flex;position:relative}.kong-ui-entity-filter[data-v-084f7978] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-084f7978] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-084f7978]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-084f7978]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-084f7978]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-084f7978]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-084f7978]{color:#232633}.menu-item-expand-icon[data-v-084f7978]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-084f7978]{transform:rotate(180deg)}.menu-item-indicator[data-v-084f7978]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-084f7978]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-084f7978] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-084f7978] .k-input{width:100%}.menu-item-body[data-v-084f7978] .k-select-input .input{font-size:12px}.menu-item-body[data-v-084f7978] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-084f7978]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-084f7978]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-084f7978]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.ff-form-section .header[data-v-cb6d2e95]{align-items:flex-start;display:flex;gap:8px}.ff-form-section .step[data-v-cb6d2e95]{align-items:center;background:#fff;border:1px solid #afb7c5;border-radius:100px;display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;width:32px}.ff-form-section .header-content[data-v-cb6d2e95]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;padding-top:4px}.ff-form-section .header-title[data-v-cb6d2e95]{color:#000933;font-size:18px;font-weight:700;line-height:24px;margin:0}.ff-form-section .header-description[data-v-cb6d2e95]{color:#52596e;font-size:14px;line-height:20px;margin:0}.ff-form-section .header-extra[data-v-cb6d2e95]{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end}.ff-form-section .content[data-v-cb6d2e95]{background:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;display:flex;flex-direction:column;gap:20px;margin-left:16px;margin-top:20px;padding:20px 24px}.kong-ui-public-entity-link[data-v-96efdfa5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-96efdfa5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-96efdfa5]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-96efdfa5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-96efdfa5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-6d4a0f89]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-6d4a0f89]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-6d4a0f89]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-6d4a0f89]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-6d4a0f89]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-6d4a0f89]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-6d4a0f89],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-6d4a0f89]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-6d4a0f89],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-6d4a0f89]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-6d4a0f89]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-6d4a0f89]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-6d4a0f89]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-6d4a0f89]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-6d4a0f89]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-6d4a0f89]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-6d4a0f89]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-6d4a0f89] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-6d4a0f89] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-6d4a0f89] .card-content{-webkit-box-orient:vertical;color:#6c7489;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-6d4a0f89]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-6d4a0f89]{width:640px}}.button-row[data-v-5d5c486a]{align-items:center;display:flex;gap:12px}.kong-ui-entities-snis-list[data-v-5d5c486a]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-5d5c486a]{margin-right:12px}.kong-ui-entities-snis-form[data-v-c457d016]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-c457d016]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}
+.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 8px);width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px;margin:var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b6987b3c]{align-items:center;border-bottom:var(--v25a763c4);box-sizing:border-box;display:var(--v1ac90e12);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b6987b3c]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v45a716ee)}.config-card-details-row .config-card-details-label label[data-v-b6987b3c]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b6987b3c]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b6987b3c]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b6987b3c]{box-sizing:border-box;width:var(--v45a28b38)}.config-card-details-row .config-card-details-value .truncated[data-v-b6987b3c]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-b6987b3c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b6987b3c] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b6987b3c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b6987b3c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b6987b3c] .k-label{margin-bottom:0}.config-card-details-row[data-v-b6987b3c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b6987b3c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--v775b4bd8);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-12374c4b]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-2f21a1bc]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-2f21a1bc]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-2f21a1bc]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-2f21a1bc] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-2f21a1bc]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.deck-config .k-select[data-v-d4838dcc]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-d4838dcc]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.kong-ui-entity-base-form[data-v-7034940b]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-7034940b] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-7034940b] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-7034940b] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-7034940b] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-7034940b] .slideout-content{overflow-y:unset!important}.form-actions[data-v-7034940b]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-7034940b] .k-button:last-of-type,.form-actions[data-v-7034940b] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-7034940b]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-d3d2bd8b]{width:100%}.kong-ui-entity-filter-clear[data-v-d3d2bd8b]{cursor:pointer}.kong-ui-entity-filter[data-v-d3d2bd8b]{display:flex;position:relative}.kong-ui-entity-filter[data-v-d3d2bd8b] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-d3d2bd8b] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-d3d2bd8b]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-d3d2bd8b]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-d3d2bd8b]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-d3d2bd8b]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-d3d2bd8b]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-d3d2bd8b]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-d3d2bd8b]{transform:rotate(180deg)}.menu-item-indicator[data-v-d3d2bd8b]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-d3d2bd8b]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-d3d2bd8b] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-d3d2bd8b] .k-input{width:100%}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input{font-size:12px}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-d3d2bd8b]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-d3d2bd8b]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-d3d2bd8b]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.ff-form-section .header[data-v-73a0f344]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.ff-form-section .step[data-v-73a0f344]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.ff-form-section .header-content[data-v-73a0f344]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.ff-form-section .header-title[data-v-73a0f344]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.ff-form-section .header-description[data-v-73a0f344]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.ff-form-section .header-extra[data-v-73a0f344]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.ff-form-section .content[data-v-73a0f344]{background:#f9fafb;background:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-left:16px;margin-left:var(--kui-space-60, 16px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-public-entity-link[data-v-a18d7efa]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-a18d7efa]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-a18d7efa]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-a18d7efa]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-a18d7efa]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-007edf5e]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-007edf5e]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-007edf5e]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-007edf5e]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-007edf5e]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-007edf5e]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-007edf5e],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-007edf5e]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-007edf5e],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-007edf5e]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-007edf5e]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-007edf5e]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-007edf5e]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-007edf5e]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-007edf5e]{width:640px;width:calc(2 * 312px + var(--kui-space-60, 16px))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-007edf5e]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-007edf5e]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-007edf5e] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-007edf5e] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-007edf5e] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-007edf5e]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-007edf5e]{width:640px;width:calc(2 * 312px + var(--kui-space-60, 16px))}}.button-row[data-v-a9c53ea5]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-snis-list[data-v-a9c53ea5]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-a9c53ea5]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-snis-form[data-v-cbb05af6]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-cbb05af6]{color:#d60027;color:var(--kui-color-text-danger, #d60027);font-size:11px;font-weight:500;margin-top:3px!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-snis",
-  "version": "3.10.36",
+  "version": "3.10.37-pr.2790.95b70759b.0",
   "type": "module",
   "main": "./dist/entities-snis.umd.js",
   "module": "./dist/entities-snis.es.js",
@@ -26,17 +26,17 @@
     "axios": "^1.13.2",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.6.4",
-    "@kong-ui-public/entities-shared": "^3.36.12",
+    "@kong-ui-public/entities-shared": "^3.36.13-pr.2790.95b70759b.0",
     "@kong-ui-public/i18n": "^2.4.5"
   },
   "devDependencies": {
-    "@kong/design-tokens": "1.18.2",
+    "@kong/design-tokens": "1.18.3-pr.613.f4a145c.0",
     "@kong/icons": "^1.41.0",
     "@kong/kongponents": "9.48.8",
     "axios": "^1.13.2",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4",
-    "@kong-ui-public/entities-shared": "^3.36.12",
+    "@kong-ui-public/entities-shared": "^3.36.13-pr.2790.95b70759b.0",
     "@kong-ui-public/i18n": "^2.4.5"
   },
   "repository": {