System.register(["./index-c820db66.system.js","./index-2d937df8.system.js","./_commonjsHelpers-c8881874.system.js"],(function(e){"use strict";var t,i,o,n,l;return{setters:[function(e){t=e.r;i=e.j;o=e.h;n=e.g},function(e){l=e.d},function(){}],execute:function(){var s={Edit:"Redigera",Delete:"Radera",primary:"primär",cellphone:"mobiltelefon",landline:"fast telefon"};function r(e){return l.create({sv:s},e)}var p=".sc-ig-phone-number-h{display:block;position:relative}[hidden].sc-ig-phone-number-h{display:none}smoothly-display.sc-ig-phone-number{border-top:1px solid rgb(var(--smoothly-medium-color));border-bottom:1px solid rgb(var(--smoothly-medium-color));padding-top:.5em;padding-bottom:.5em}label.sc-ig-phone-number{display:block;-webkit-margin-before:.6em;margin-block-start:.6em;-webkit-margin-after:.2em;margin-block-end:.2em;text-transform:capitalize;margin-bottom:.2em}smoothly-popup.sc-ig-phone-number{display:none;position:absolute;right:0}.sc-ig-phone-number-h:hover smoothly-popup.sc-ig-phone-number{display:inline}smoothly-icon.sc-ig-phone-number{cursor:pointer}";var a=e("ig_phone_number",function(){function e(e){t(this,e);this.edit=i(this,"edit",7);this.delete=i(this,"delete",7);this.editable=true;this.type="primary";this.mode="display"}e.prototype.componentWillLoad=function(){this.t=r(this.element)};e.prototype.onEdit=function(e){e.stopPropagation();this.value=e.detail;this.mode="display";this.edit.emit({type:this.type,value:this.value})};e.prototype.onDelete=function(){this.delete.emit(this.type)};e.prototype.render=function(){var e=this;var t=this.t;return this.value.length>0?this.mode=="display"?[this.editable&&o("smoothly-popup",null,o("smoothly-icon",{name:"ellipsis-vertical-outline",size:"small"}),o("div",{color:"light",slot:"popup"},o("smoothly-icon",{size:"small",name:"pencil-outline",toolTip:t("Edit"),onClick:function(){return e.mode="edit"}}),o("smoothly-icon",{size:"small",name:"trash",toolTip:"Delete",onClick:function(){return e.onDelete()}}))),o("label",null,t(this.type)),o("smoothly-display",{type:"phone",value:this.value})]:o("ig-phone-number-input",{value:this.value,onEdit:function(t){return e.onEdit(t)}}):[]};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());a.style=p}}}));