@patternslib/pat-family-tree
Version:
A pattern for family-tree
2 lines • 41.6 kB
JavaScript
(self.webpackChunk_patternslib_pat_family_tree=self.webpackChunk_patternslib_pat_family_tree||[]).push([[624],{56:function(A,n,r){"use strict";A.exports=function(A){var n=r.nc;n&&A.setAttribute("nonce",n)}},72:function(A){"use strict";var n=[];function r(A){for(var r=-1,o=0;o<n.length;o++)if(n[o].identifier===A){r=o;break}return r}function o(A,o){for(var i={},a=[],t=0;t<A.length;t++){var c=A[t],d=o.base?c[0]+o.base:c[0],l=i[d]||0,C="".concat(d," ").concat(l);i[d]=l+1;var f=r(C),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==f)n[f].references++,n[f].updater(p);else{var s=e(p,o);o.byIndex=t,n.splice(t,0,{identifier:C,updater:s,references:1})}a.push(C)}return a}function e(A,n){var r=n.domAPI(n);r.update(A);return function(n){if(n){if(n.css===A.css&&n.media===A.media&&n.sourceMap===A.sourceMap&&n.supports===A.supports&&n.layer===A.layer)return;r.update(A=n)}else r.remove()}}A.exports=function(A,e){var i=o(A=A||[],e=e||{});return function(A){A=A||[];for(var a=0;a<i.length;a++){var t=r(i[a]);n[t].references--}for(var c=o(A,e),d=0;d<i.length;d++){var l=r(i[d]);0===n[l].references&&(n[l].updater(),n.splice(l,1))}i=c}}},113:function(A){"use strict";A.exports=function(A,n){if(n.styleSheet)n.styleSheet.cssText=A;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(A))}}},314:function(A){"use strict";A.exports=function(A){var n=[];return n.toString=function(){return this.map((function(n){var r="",o=void 0!==n[5];return n[4]&&(r+="@supports (".concat(n[4],") {")),n[2]&&(r+="@media ".concat(n[2]," {")),o&&(r+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),r+=A(n),o&&(r+="}"),n[2]&&(r+="}"),n[4]&&(r+="}"),r})).join("")},n.i=function(A,r,o,e,i){"string"==typeof A&&(A=[[null,A,void 0]]);var a={};if(o)for(var t=0;t<this.length;t++){var c=this[t][0];null!=c&&(a[c]=!0)}for(var d=0;d<A.length;d++){var l=[].concat(A[d]);o&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),e&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=e):l[4]="".concat(e)),n.push(l))}},n}},354:function(A){"use strict";A.exports=function(A){var n=A[1],r=A[3];if(!r)return n;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(r)))),e="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(e," */");return[n].concat([i]).join("\n")}return[n].join("\n")}},540:function(A){"use strict";A.exports=function(A){var n=document.createElement("style");return A.setAttributes(n,A.attributes),A.insert(n,A.options),n}},624:function(A,n,r){"use strict";r.r(n);var o=r(72),e=r.n(o),i=r(825),a=r.n(i),t=r(722),c=r.n(t),d=r(56),l=r.n(d),C=r(540),f=r.n(C),p=r(113),s=r.n(p),g=r(757),u={};u.styleTagTransform=s(),u.setAttributes=l(),u.insert=c(),u.domAPI=a(),u.insertStyleElement=f();e()(g.A,u);n.default=g.A&&g.A.locals?g.A.locals:void 0},722:function(A){A.exports=function(A){var n=document.head.querySelectorAll("*")[0];n?document.head.insertBefore(A,n):document.head.append(A)}},757:function(A,n,r){"use strict";var o=r(354),e=r.n(o),i=r(314),a=r.n(i)()(e());a.push([A.id,'.f3{--female-color: rgb(196, 138, 146);--male-color: rgb(120, 159, 172);--genderless-color: lightgray;--background-color: rgb(33, 33, 33);--text-color: #fff;font-family:"Roboto",sans-serif}.f3 *{box-sizing:border-box}.f3 .cursor-pointer{cursor:pointer}.f3 svg.main_svg{width:100%;height:100%}.f3 svg.main_svg text{fill:currentColor}.f3 rect.card-female,.f3 .card-female .card-body-rect,.f3 .card-female .text-overflow-mask{fill:var(--female-color)}.f3 rect.card-male,.f3 .card-male .card-body-rect,.f3 .card-male .text-overflow-mask{fill:var(--male-color)}.f3 .card-genderless .card-body-rect,.f3 .card-genderless .text-overflow-mask{fill:var(--genderless-color)}.f3 .card_add .card-body-rect{fill:#3b5560;stroke-width:4px;stroke:#fff;cursor:pointer}.f3 g.card_add text{fill:#fff}.f3 .card-main-outline{stroke:currentColor;stroke-width:3px}.f3 .card_family_tree rect{transition:.3s}.f3 .card_family_tree:hover rect{transform:scale(1.1)}.f3 .card_add_relative{cursor:pointer;color:#fff;transition:.3s}.f3 .card_add_relative circle{fill:rgba(0, 0, 0, 0)}.f3 .card_add_relative:hover{color:black}.f3 .card_edit.pencil_icon{color:#fff;transition:.3s}.f3 .card_edit.pencil_icon:hover{color:black}.f3 .card_break_link,.f3 .link_upper,.f3 .link_lower,.f3 .link_particles{transform-origin:50% 50%;transition:1s}.f3 .card_break_link{color:#fff}.f3 .card_break_link.closed .link_upper{transform:translate(-140.5px, 655.6px)}.f3 .card_break_link.closed .link_upper g{transform:rotate(-58deg)}.f3 .card_break_link.closed .link_particles{transform:scale(0)}.f3 .input-field input{height:2.5rem !important}.f3 .input-field>label:not(.label-icon).active{-webkit-transform:translateY(-8px) scale(0.8);transform:translateY(-8px) scale(0.8)}.f3.f3-cont{width:100%;height:900px;max-height:70vh;background-color:var(--background-color);color:var(--text-color)}.f3{position:relative;display:flex}.f3-form input[type=text],.f3-form textarea,.f3-form select{width:100%;padding:8px 12px;margin:8px 0;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;background:var(--background-color);color:currentColor}.f3-form input[type=text]:focus,.f3-form textarea:focus,.f3-form select:focus{box-shadow:0 0 5px rgba(76, 175, 80, 0.2)}.f3-form button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:10px 0;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out}.f3-form button[type=submit]{background-color:#4caf50;color:white}.f3-cancel-btn{background-color:#ccc}.f3-form .f3-delete-btn{background-color:transparent;border:1px solid #f44336;color:#f44336;width:100%;padding:5px 10px}.f3-delete-btn:hover{background-color:#da190b;border-color:#da190b;color:#fff}.f3-delete-btn:disabled{opacity:.5;background-color:transparent;color:#f44336;cursor:not-allowed}.f3-form .f3-remove-relative-btn{background-color:transparent;border:1px solid currentColor;color:currentColor;width:100%;padding:5px 10px}.f3-remove-relative-btn:hover,.f3-remove-relative-btn.active{background-color:var(--text-color);border-color:var(--text-color);color:var(--background-color)}.f3-radio-group{margin:15px 0}.f3-radio-group label{margin-right:15px;cursor:pointer}.f3-radio-group input[type=radio]{margin-right:5px}.f3-info-field-label,.f3-form-field label{font-weight:bold;font-size:12px;display:block;opacity:.8}.f3-info-field-value{font-weight:normal;display:block;border:none;outline:none;border-bottom:1px solid rgba(255, 255, 255, 0.2);padding-bottom:1px;margin-bottom:10px;min-height:18px}.f3-form-buttons{text-align:right}.f3-form-title{text-align:center}.f3-form.non-editable .f3-form-buttons,.f3-form.non-editable .f3-delete-btn,.f3-form.non-editable .f3-remove-relative-btn,.f3-form.non-editable .f3-link-existing-relative{display:none}.f3-close-btn{cursor:pointer;position:absolute;left:10px;top:8px;font-size:30px;color:var(--text-color)}.f3-edit-btn{position:relative;top:-1px;width:24px;height:24px;cursor:pointer;display:inline-block}.f3-add-relative-btn{cursor:pointer;width:27px;height:27px;margin-right:5px;display:inline-block}.f3 div.card{cursor:pointer;color:var(--text-color);position:relative;line-height:1.2}.f3 div.card-image-circle{border-radius:50%;padding:5px;width:90px;height:90px}.f3 div.card-image-circle div.card-label{position:absolute;bottom:-10px;left:50%;transform:translate(-50%, 50%);max-width:150%;min-height:22px;text-align:center;background-color:rgba(0, 0, 0, 0.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:0 5px}.f3 div.card-image-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.f3 div.card-image-circle svg{width:100%;height:100%;padding:5px;border-radius:50%;object-fit:cover}.f3 div.card-image-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.f3 div.card-rect{padding:5px;border-radius:3px;width:120px;min-height:70px;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:center}.f3 div.card-image-rect{width:200px;min-height:70px;display:flex;align-items:center;border-radius:5px}.f3 div.card-image-rect .person-icon{height:70px;width:70px;object-fit:cover;flex:0 0 auto;padding:5px;margin-right:10px}.f3 div.card-image-rect img{height:70px;width:70px;object-fit:cover;flex:0 0 auto;padding:5px;margin-right:10px;border-radius:8px}.f3 div.card-image-rect svg{object-fit:cover;width:100%;height:100%;padding:5px;border-radius:7px}.f3 div.card-image-rect div.card-label{height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.f3 div.mini-tree{text-align:right;position:absolute;top:-15px;right:-2px;z-index:-1}.f3 div.mini-tree svg{width:55px}.f3 .f3-card-duplicate-tag{position:absolute;top:2px;right:2px;color:rgb(255, 251, 220);background-color:rgba(255, 251, 220, 0);border-radius:50%;padding:2px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.f3 .f3-card-duplicate-hover div.card-inner{transform:translate(0, -2px);outline:4px solid rgb(255, 251, 220)}.f3 .f3-card-duplicate-hover .f3-card-duplicate-tag{background-color:rgba(255, 251, 220, 0.8);color:#000}.f3 .f3-remove-relative-active .card{background-color:var(--background-color)}.f3 .f3-remove-relative-active .card-inner{transition:border .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;opacity:.75}.f3 .f3-remove-relative-active .card:hover .card-inner{opacity:.25}.f3 .f3-remove-relative-active .card-male.card-depth--1:hover .card-inner{transform:translate(-8px, -8px)}.f3 .f3-remove-relative-active .card.card-female.card-depth--1:hover .card-inner{transform:translate(8px, -8px)}.f3 .f3-remove-relative-active .card.card-female.card-depth-0:hover .card-inner{transform:translate(8px, 0)}.f3 .f3-remove-relative-active .card.card-male.card-depth-0:hover .card-inner{transform:translate(-8px, 0)}.f3 .f3-remove-relative-active .card.card-depth-1:hover .card-inner{transform:translate(0, 8px)}.f3 .f3-remove-relative-active .card.card-main .card-inner{transform:translate(0, 0) !important;opacity:1 !important}.f3 div.card>div{transition:transform .2s ease-in-out;box-shadow:0 0 0 0 rgba(0, 0, 0, 0.8)}.f3 .card-inner{outline:0px solid rgba(255, 255, 255, 1);transition:outline .5s ease-in-out}.f3 div.card-female .card-inner,.f3 div.card-female .person-icon svg{background-color:var(--female-color)}.f3 div.card-male .card-inner,.f3 div.card-male .person-icon svg{background-color:var(--male-color)}.f3 div.card-genderless .card-inner,.f3 div.card-genderless .person-icon svg{background-color:var(--genderless-color)}.f3 div.card-new-rel .card-inner,.f3 div.card-new-rel .person-icon svg{background-color:var(--background-color)}.f3 div.card-to-add .card-inner{background-color:var(--background-color);border:1px solid}.f3 div.card-to-add .card-inner .card-label{margin:0 auto}.f3 div.card-to-add .person-icon{display:none}.f3 div.card-new-rel .card-inner{border-width:1px;border-style:dashed;outline:0px !important}.f3 div.card-new-rel.card-female .card-inner,.f3 div.card-to-add.card-female .card-inner{border-color:var(--female-color);color:var(--female-color)}.f3 div.card-new-rel.card-male .card-inner,.f3 div.card-to-add.card-male .card-inner{color:var(--male-color);border-color:var(--male-color)}.f3 div.card-unknown .card-inner{background-color:var(--background-color);border:1px solid}.f3 div.card-unknown .card-inner .card-label{margin:0 auto}.f3 div.card-unknown .person-icon{display:none}.f3 div.card-new-rel .card-inner{border-width:1px;border-style:dashed;outline:0px !important}.f3 div.card-new-rel.card-female .card-inner,.f3 div.card-unknown.card-female .card-inner{border-color:var(--female-color);color:var(--female-color)}.f3 div.card-new-rel.card-male .card-inner,.f3 div.card-unknown.card-male .card-inner{color:var(--male-color);border-color:var(--male-color)}.f3 div.card:hover>div{transform:translate(0, -2px)}.f3 div.card-main .card-inner,.f3 div.card:hover .card-inner{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.8)}.f3 div.card-main .card-inner{outline:4px solid rgba(220, 220, 220, 1)}.f3 div.card-inner.f3-path-to-main{outline:4px solid rgba(255, 255, 255, 1)}.f3 .link{transition:stroke-width .2s ease-in-out}.f3 .link.f3-path-to-main{stroke-width:4px}.f3-form-cont{position:relative;z-index:6;right:0;top:0;width:0;height:100%;background-color:var(--background-color);overflow:auto;flex:0 0 auto;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5)}.f3-form-cont.opened{width:350px}.f3-form{padding:20px}.f3-form hr{border-style:solid;border-width:thin 0 0 0;opacity:.15}.f3-nav-cont{position:absolute;top:0;left:0;width:100%;display:flex}.f3-history-controls{padding:8px 5px 7px 9px;display:inline-block;position:relative;z-index:2}.f3-back-button,.f3-forward-button{width:30px;height:30px;transition:opacity .3s ease;cursor:pointer;display:inline-block;background-color:transparent;border:none;margin-right:10px;color:currentColor}.f3-history-controls svg{height:100%}.f3-back-button.disabled,.f3-forward-button.disabled{opacity:.5}.f3-modal{display:none;position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0, 0.4)}.f3-modal-content{position:relative;background-color:var(--background-color);margin:15% auto;padding:20px;border:1px solid #888;border-radius:5px;width:500px;max-width:90%}.f3-modal-close{color:#aaa;position:absolute;right:10px;top:7px;font-size:28px;font-weight:bold}.f3-modal-close:hover,.f3-modal-close:focus{color:black;text-decoration:none;cursor:pointer}.f3-popup{position:fixed;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.8)}.f3-popup-content{position:relative;background-color:var(--background-color);border:1px solid #888;border-radius:5px;overflow:hidden;width:100%;height:100%}.f3-popup-nav{height:20px}.f3-popup-content-inner{width:100%;height:100%}.f3-popup-close{color:#aaa;position:absolute;z-index:4;right:6px;top:1px;font-size:28px;font-weight:bold;line-height:1}.f3-popup-close:hover,.f3-popup-close:focus{color:black;text-decoration:none;cursor:pointer}.f3-btn{position:relative;cursor:pointer;padding:5px 10px;overflow:hidden;border-width:0;outline:none;border-radius:3px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);background-color:var(--text-color);color:var(--background-color);transition:background-color .3s;font-size:14px}.f3-btn:hover,.f3-btn:focus{background-color:var(--background-color);color:var(--text-color)}.f3-female-bg{background-color:var(--female-color)}.f3-male-bg{background-color:var(--male-color)}.f3-genderless-bg{background-color:var(--genderless-color)}.f3-female-color{color:var(--female-color)}.f3-male-color{color:var(--male-color)}.f3-genderless-color{color:var(--genderless-color)}.f3-autocomplete-cont{position:relative;display:inline-block;z-index:2;font-size:14px;width:200px}.f3-autocomplete input{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--background-color);color:var(--text-color);padding:10px;width:100%}.f3-autocomplete input:focus{outline:none}.f3-autocomplete-toggle{position:absolute;right:10px;top:10px;cursor:pointer;color:var(--text-color);transition:color .3s ease-in-out;width:20px}.f3-autocomplete-items{border:1px solid rgba(255, 255, 255, 0.2);border-top:none;overflow-y:auto;max-height:0;background-color:var(--background-color);transition:max-height .3s ease-in-out}.f3-autocomplete.active .f3-autocomplete-items{max-height:300px}.f3-autocomplete-item>div{padding:10px;cursor:pointer;background-color:var(--background-color);border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color .3s ease-in-out,color .3s ease-in-out}.f3-autocomplete-item>div:hover,.f3-autocomplete-item.f3-selected>div{background-color:var(--text-color);color:var(--background-color)}.f3-autocomplete-active{background-color:DodgerBlue !important;color:#fff}.f3-kinship-info{padding:10px 20px}.f3-kinship-info .f3-info-field{color:#b3b01e}.f3-kinship-info-icon{cursor:pointer;display:inline-block;width:18px;height:18px;color:#04a4f4;position:relative;top:4px;left:2px}.f3-kinship-info .f3{width:100%;height:100%;position:relative;background-color:rgb(33, 33, 33);color:#fff}.f3 .f3-kinship-info .card-kinship-self{min-height:0px;width:60px;height:60px;border-radius:50%;background-color:var(--background-color) !important;border:solid 3px;color:#437fae;font-weight:bold}.f3 .f3-kinship-info .card-kinship-self.f3-real-label{width:150px;height:50px;border-radius:50px}.f3 .f3-kinship-info .card-kinship-rel{min-height:0px;width:150px;height:50px;border-radius:50px;background-color:#1d3456 !important;font-weight:bold}.f3 .f3-kinship-info .card-kinship-default{min-height:0px;width:150px;height:50px;border-radius:50px;background-color:var(--background-color) !important;border:solid 1px}.f3-kinship-labels-toggle{position:absolute;top:0;left:0;z-index:10;font-size:12px}.f3-kinship-labels-toggle label{cursor:pointer;color:#fff;font-weight:bold;text-align:center;padding:2px 5px}.f3-kinship-labels-toggle input[type=checkbox]{cursor:pointer;margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px}.pat-family-tree{background-color:#000}',"",{version:3,sources:["webpack://./node_modules/family-chart/dist/styles/family-chart.css","webpack://./src/family-tree.scss"],names:[],mappings:"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",sourcesContent:['.f3 {\n --female-color: rgb(196, 138, 146);\n --male-color: rgb(120, 159, 172);\n --genderless-color: lightgray;\n --background-color: rgb(33, 33, 33);\n --text-color: #fff;\n\n font-family: \'Roboto\', sans-serif;\n}\n\n.f3 * {\n box-sizing: border-box;\n}\n\n.f3 .cursor-pointer {\n cursor: pointer;\n}\n.f3 svg.main_svg {\n width: 100%;\n height: 100%;\n}\n.f3 svg.main_svg text {\n fill: currentColor;\n}\n.f3 rect.card-female, .f3 .card-female .card-body-rect, .f3 .card-female .text-overflow-mask {\n fill: var(--female-color);\n}\n.f3 rect.card-male, .f3 .card-male .card-body-rect, .f3 .card-male .text-overflow-mask {\n fill: var(--male-color);\n}\n.f3 .card-genderless .card-body-rect, .f3 .card-genderless .text-overflow-mask {\n fill: var(--genderless-color);\n}\n.f3 .card_add .card-body-rect {\n fill: #3b5560;\n stroke-width: 4px;\n stroke: #fff;\n cursor: pointer;\n}\n.f3 g.card_add text {\n fill: #fff;\n}\n.f3 .card-main-outline {\n stroke: currentColor;\n stroke-width: 3px;\n}\n.f3 .card_family_tree rect {\n transition: 0.3s;\n}\n.f3 .card_family_tree:hover rect {\n transform: scale(1.1);\n}\n.f3 .card_add_relative {\n cursor: pointer;\n color: #fff;\n transition: 0.3s;\n}\n.f3 .card_add_relative circle {\n fill: rgba(0, 0, 0, 0);\n}\n.f3 .card_add_relative:hover {\n color: black;\n}\n.f3 .card_edit.pencil_icon {\n color: #fff;\n transition: 0.3s;\n}\n.f3 .card_edit.pencil_icon:hover {\n color: black;\n}\n.f3 .card_break_link, .f3 .link_upper, .f3 .link_lower, .f3 .link_particles {\n transform-origin: 50% 50%;\n transition: 1s;\n}\n.f3 .card_break_link {\n color: #fff;\n}\n.f3 .card_break_link.closed .link_upper {\n transform: translate(-140.5px, 655.6px);\n}\n.f3 .card_break_link.closed .link_upper g {\n transform: rotate(-58deg);\n}\n.f3 .card_break_link.closed .link_particles {\n transform: scale(0);\n}\n.f3 .input-field input {\n height: 2.5rem !important;\n}\n.f3 .input-field > label:not(.label-icon).active {\n -webkit-transform: translateY(-8px) scale(0.8);\n transform: translateY(-8px) scale(0.8);\n}\n.f3.f3-cont {\n width:100%;\n height:900px;\n max-height:70vh;\n background-color: var(--background-color);\n color: var(--text-color);\n}\n.f3 {\n position: relative;\n display: flex;\n}\n\n\n\n\n/* form-info */\n.f3-form input[type="text"],\n.f3-form textarea,\n.f3-form select {\n width: 100%;\n padding: 8px 12px;\n margin: 8px 0;\n border: 1px solid #ddd;\n border-radius: 4px;\n box-sizing: border-box;\n font-size: 14px;\n background: var(--background-color);\n color: currentColor;\n}\n\n.f3-form input[type="text"]:focus,\n.f3-form textarea:focus,\n.f3-form select:focus {\n box-shadow: 0 0 5px rgba(76, 175, 80, 0.2);\n}\n\n.f3-form button {\n padding: 10px 20px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 14px;\n margin: 10px 0;\n transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;\n}\n\n.f3-form button[type="submit"] {\n background-color: #4CAF50;\n color: white;\n}\n\n.f3-cancel-btn {\n background-color: #ccc;\n}\n\n.f3-form .f3-delete-btn {\n background-color: transparent;\n border: 1px solid #f44336;\n color: #f44336;\n width: 100%;\n padding: 5px 10px;\n}\n\n.f3-delete-btn:hover {\n background-color: #da190b;\n border-color: #da190b;\n color: #fff;\n}\n\n.f3-delete-btn:disabled {\n opacity: 0.5;\n background-color: transparent;\n color: #f44336;\n cursor: not-allowed;\n}\n\n.f3-form .f3-remove-relative-btn {\n background-color: transparent;\n border: 1px solid currentColor;\n color: currentColor;\n width: 100%;\n padding: 5px 10px;\n}\n\n.f3-remove-relative-btn:hover, .f3-remove-relative-btn.active {\n background-color: var(--text-color);\n border-color: var(--text-color);\n color: var(--background-color);\n}\n\n.f3-radio-group {\n margin: 15px 0;\n}\n\n.f3-radio-group label {\n margin-right: 15px;\n cursor: pointer;\n}\n\n.f3-radio-group input[type="radio"] {\n margin-right: 5px;\n}\n\n.f3-info-field-label, .f3-form-field label {\n font-weight: bold;\n font-size: 12px;\n display: block;\n opacity: 0.8;\n}\n\n.f3-info-field-value {\n font-weight: normal;\n display: block;\n border: none;\n outline: none;\n border-bottom: 1px solid rgba(255,255,255,0.2);\n padding-bottom: 1px;\n margin-bottom: 10px;\n min-height: 18px;\n}\n\n.f3-form-buttons {\n text-align: right;\n}\n\n.f3-form-title {\n text-align: center;\n}\n\n.f3-form.non-editable .f3-form-buttons,\n.f3-form.non-editable .f3-delete-btn,\n.f3-form.non-editable .f3-remove-relative-btn,\n.f3-form.non-editable .f3-link-existing-relative {\n display: none;\n}\n\n.f3-close-btn {\n cursor: pointer;\n position: absolute;\n left: 10px;\n top: 8px;\n font-size: 30px;\n color: var(--text-color);\n}\n\n.f3-edit-btn {\n position: relative;\n top: -1px;\n width: 24px;\n height: 24px;\n cursor: pointer;\n display: inline-block;\n}\n\n.f3-add-relative-btn {\n cursor: pointer;\n width: 27px;\n height: 27px;\n margin-right: 5px;\n display: inline-block;\n}\n\n/* card-html */\n\n.f3 div.card {\n cursor: pointer;\n color: var(--text-color);\n position: relative;\n line-height: 1.2;\n}\n\n.f3 div.card-image-circle {\n border-radius: 50%;\n padding: 5px;\n width: 90px;\n height: 90px;\n}\n\n.f3 div.card-image-circle div.card-label {\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translate(-50%, 50%);\n max-width: 150%;\n min-height: 22px;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n border-radius: 3px;\n padding: 0 5px;\n}\n\n.f3 div.card-image-circle img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.f3 div.card-image-circle svg {\n width: 100%;\n height: 100%;\n padding: 5px;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.f3 div.card-image-circle img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n}\n\n.f3 div.card-rect {\n padding: 5px;\n border-radius: 3px;\n width: 120px;\n min-height: 70px;\n overflow: hidden;\n text-align: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n\n.f3 div.card-image-rect {\n width: 200px;\n min-height: 70px;\n display: flex;\n align-items: center;\n border-radius: 5px;\n}\n\n.f3 div.card-image-rect .person-icon {\n height: 70px;\n width: 70px;\n object-fit: cover;\n flex: 0 0 auto;\n padding: 5px;\n margin-right: 10px;\n}\n\n.f3 div.card-image-rect img {\n height: 70px;\n width: 70px;\n object-fit: cover;\n flex: 0 0 auto;\n padding: 5px;\n margin-right: 10px;\n border-radius: 8px;\n}\n\n.f3 div.card-image-rect svg {\n object-fit: cover;\n width: 100%;\n height: 100%;\n padding: 5px;\n border-radius: 7px;\n}\n\n.f3 div.card-image-rect div.card-label {\n height: 100%;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.f3 div.mini-tree {\n text-align: right;\n position: absolute;\n top: -15px;\n right: -2px;\n z-index: -1;\n}\n.f3 div.mini-tree svg {\n width: 55px;\n}\n\n.f3 .f3-card-duplicate-tag {\n position: absolute;\n top: 2px;\n right: 2px;\n color: rgb(255, 251, 220);\n background-color: rgba(255, 251, 220, 0);\n border-radius: 50%;\n padding: 2px;\n transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;\n}\n\n.f3 .f3-card-duplicate-hover div.card-inner {\n transform: translate(0, -2px);\n outline: 4px solid rgb(255, 251, 220);\n}\n\n.f3 .f3-card-duplicate-hover .f3-card-duplicate-tag {\n background-color: rgba(255, 251, 220, .8);\n color: #000;\n}\n\n.f3 .f3-remove-relative-active .card {\n background-color: var(--background-color);\n}\n\n.f3 .f3-remove-relative-active .card-inner {\n transition: border 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n opacity: .75;\n}\n\n.f3 .f3-remove-relative-active .card:hover .card-inner {\n opacity: .25;\n}\n\n.f3 .f3-remove-relative-active .card-male.card-depth--1:hover .card-inner {\n transform: translate(-8px, -8px);\n}\n\n.f3 .f3-remove-relative-active .card.card-female.card-depth--1:hover .card-inner {\n transform: translate(8px, -8px);\n}\n\n.f3 .f3-remove-relative-active .card.card-female.card-depth-0:hover .card-inner {\n transform: translate(8px, 0);\n}\n\n.f3 .f3-remove-relative-active .card.card-male.card-depth-0:hover .card-inner {\n transform: translate(-8px, 0);\n}\n\n.f3 .f3-remove-relative-active .card.card-depth-1:hover .card-inner {\n transform: translate(0, 8px);\n}\n\n.f3 .f3-remove-relative-active .card.card-main .card-inner {\n transform: translate(0, 0)!important;\n opacity: 1!important;\n}\n\n\n\n.f3 div.card > div {\n transition: transform 0.2s ease-in-out;\n box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);\n}\n\n.f3 .card-inner {\n outline: 0px solid rgba(255, 255, 255, 1);\n transition: outline 0.5s ease-in-out;\n}\n\n.f3 div.card-female .card-inner, .f3 div.card-female .person-icon svg {\n background-color: var(--female-color);\n}\n.f3 div.card-male .card-inner, .f3 div.card-male .person-icon svg {\n background-color: var(--male-color);\n}\n.f3 div.card-genderless .card-inner, .f3 div.card-genderless .person-icon svg {\n background-color: var(--genderless-color);\n}\n\n.f3 div.card-new-rel .card-inner, .f3 div.card-new-rel .person-icon svg {\n background-color: var(--background-color);\n}\n\n.f3 div.card-to-add .card-inner {\n background-color: var(--background-color);\n border: 1px solid;\n}\n\n.f3 div.card-to-add .card-inner .card-label {\n margin: 0 auto;\n}\n\n.f3 div.card-to-add .person-icon {\n display: none;\n}\n\n.f3 div.card-new-rel .card-inner {\n border-width: 1px;\n border-style: dashed;\n outline: 0px !important;\n}\n.f3 div.card-new-rel.card-female .card-inner, .f3 div.card-to-add.card-female .card-inner {\n border-color: var(--female-color);\n color: var(--female-color);\n}\n.f3 div.card-new-rel.card-male .card-inner, .f3 div.card-to-add.card-male .card-inner {\n color: var(--male-color);\n border-color: var(--male-color);\n}\n\n.f3 div.card-unknown .card-inner {\n background-color: var(--background-color);\n border: 1px solid;\n}\n\n.f3 div.card-unknown .card-inner .card-label {\n margin: 0 auto;\n}\n\n.f3 div.card-unknown .person-icon {\n display: none;\n}\n\n.f3 div.card-new-rel .card-inner {\n border-width: 1px;\n border-style: dashed;\n outline: 0px !important;\n}\n.f3 div.card-new-rel.card-female .card-inner, .f3 div.card-unknown.card-female .card-inner {\n border-color: var(--female-color);\n color: var(--female-color);\n}\n.f3 div.card-new-rel.card-male .card-inner, .f3 div.card-unknown.card-male .card-inner {\n color: var(--male-color);\n border-color: var(--male-color);\n}\n\n.f3 div.card:hover > div {\n transform: translate(0, -2px);\n}\n.f3 div.card-main .card-inner, .f3 div.card:hover .card-inner {\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);\n}\n\n.f3 div.card-main .card-inner {\n outline: 4px solid rgba(220, 220, 220, 1);\n}\n\n.f3 div.card-inner.f3-path-to-main {\n outline: 4px solid rgba(255, 255, 255, 1);\n}\n\n.f3 .link {\n transition: stroke-width 0.2s ease-in-out;\n}\n\n.f3 .link.f3-path-to-main {\n stroke-width: 4px;\n}\n\n\n\n\n\n.f3-form-cont {\n position: relative;\n z-index: 6;\n right: 0;\n top: 0;\n width: 0;\n height: 100%;\n background-color: var(--background-color);\n overflow: auto;\n flex: 0 0 auto;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);\n}\n\n.f3-form-cont.opened {\n width: 350px;\n}\n\n.f3-form {\n padding: 20px;\n}\n\n.f3-form hr {\n border-style: solid; \n border-width: thin 0 0 0;\n opacity: 0.15;\n}\n\n.f3-nav-cont {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n}\n\n.f3-history-controls {\n padding: 8px 5px 7px 9px;\n display: inline-block;\n position: relative;\n z-index: 2;\n}\n\n.f3-back-button, .f3-forward-button {\n width: 30px;\n height: 30px;\n transition: opacity 0.3s ease;\n cursor: pointer;\n display: inline-block;\n background-color: transparent;\n border: none;\n margin-right: 10px;\n color: currentColor;\n}\n\n.f3-history-controls svg {\n height: 100%;\n}\n\n.f3-back-button.disabled, .f3-forward-button.disabled {\n opacity: 0.5;\n}\n\n.f3-modal {\n display: none;\n position: absolute;\n z-index: 10;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgb(0,0,0);\n background-color: rgba(0,0,0,0.4);\n}\n\n.f3-modal-content {\n position: relative;\n background-color: var(--background-color);\n margin: 15% auto;\n padding: 20px;\n border: 1px solid #888;\n border-radius: 5px;\n width: 500px;\n max-width: 90%;\n}\n\n.f3-modal-close {\n color: #aaa;\n position: absolute;\n right: 10px;\n top: 7px;\n font-size: 28px;\n font-weight: bold;\n}\n\n.f3-modal-close:hover,\n.f3-modal-close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n} \n\n.f3-popup {\n position: fixed;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);\n}\n\n.f3-popup-content {\n position: relative;\n background-color: var(--background-color);\n border: 1px solid #888;\n border-radius: 5px;\n overflow: hidden;\n width: 100%;\n height: 100%;\n}\n\n.f3-popup-nav {\n height: 20px;\n}\n\n.f3-popup-content-inner {\n width: 100%;\n height: 100%;\n}\n\n.f3-popup-close {\n color: #aaa;\n position: absolute;\n z-index: 4;\n right: 6px;\n top: 1px;\n font-size: 28px;\n font-weight: bold;\n line-height: 1;\n}\n\n.f3-popup-close:hover,\n.f3-popup-close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n} \n\n\n\n.f3-btn {\n position: relative;\n cursor: pointer;\n padding: 5px 10px;\n\n overflow: hidden;\n\n border-width: 0;\n outline: none;\n border-radius: 3px;\n box-shadow: 0 1px 4px rgba(0, 0, 0, .6);\n \n background-color: var(--text-color);\n color: var(--background-color);\n \n transition: background-color .3s;\n font-size: 14px;\n}\n\n.f3-btn:hover, .f3-btn:focus {\n background-color: var(--background-color);\n color: var(--text-color);\n}\n\n.f3-female-bg {\n background-color: var(--female-color);\n}\n\n.f3-male-bg {\n background-color: var(--male-color);\n}\n\n.f3-genderless-bg {\n background-color: var(--genderless-color);\n}\n\n.f3-female-color {\n color: var(--female-color);\n}\n\n.f3-male-color {\n color: var(--male-color);\n}\n\n.f3-genderless-color {\n color: var(--genderless-color);\n}\n\n.f3-autocomplete-cont {\n position: relative;\n display: inline-block;\n z-index: 2;\n font-size: 14px;\n width: 200px;\n}\n\n.f3-autocomplete input {\n border: 1px solid rgba(255, 255, 255, 0.2);\n background-color: var(--background-color);\n color: var(--text-color);\n padding: 10px;\n width: 100%;\n}\n.f3-autocomplete input:focus {\n outline: none;\n}\n\n.f3-autocomplete-toggle {\n position: absolute;\n right: 10px;\n top: 10px;\n cursor: pointer;\n color: var(--text-color);\n transition: color 0.3s ease-in-out;\n width: 20px;\n}\n\n.f3-autocomplete-items {\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-top: none;\n overflow-y: auto;\n max-height: 0;\n background-color: var(--background-color);\n transition: max-height 0.3s ease-in-out;\n}\n\n.f3-autocomplete.active .f3-autocomplete-items {\n max-height: 300px;\n}\n\n.f3-autocomplete-item > div {\n padding: 10px;\n cursor: pointer;\n background-color: var(--background-color);\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;\n}\n.f3-autocomplete-item > div:hover, .f3-autocomplete-item.f3-selected > div {\n background-color: var(--text-color);\n color: var(--background-color);\n}\n\n.f3-autocomplete-active {\n background-color: DodgerBlue !important;\n color: #ffffff;\n}\n\n.f3-kinship-info {\n padding: 10px 20px;\n}\n\n.f3-kinship-info .f3-info-field {\n color:#b3b01e\n}\n\n.f3-kinship-info-icon {\n cursor:pointer;\n display:inline-block;\n width:18px;\n height:18px;\n color:#04a4f4;\n position:relative;\n top:4px;\n left:2px;\n}\n\n.f3-kinship-info .f3 {\n width:100%;\n height: 100%;\n position:relative;\n background-color:rgb(33,33,33);\n color:#fff;\n}\n\n.f3 .f3-kinship-info .card-kinship-self {\n min-height: 0px;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: var(--background-color) !important;\n border: solid 3px;\n color: #437fae;\n font-weight: bold;\n}\n\n.f3 .f3-kinship-info .card-kinship-self.f3-real-label {\n width: 150px;\n height: 50px;\n border-radius: 50px;\n}\n\n.f3 .f3-kinship-info .card-kinship-rel {\n min-height: 0px;\n width: 150px;\n height: 50px;\n border-radius: 50px;\n background-color: #1d3456 !important;\n font-weight: bold;\n}\n\n.f3 .f3-kinship-info .card-kinship-default {\n min-height: 0px;\n width: 150px;\n height: 50px;\n border-radius: 50px;\n background-color: var(--background-color) !important;\n border: solid 1px;\n}\n\n.f3-kinship-labels-toggle {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 10;\n font-size: 12px;\n}\n\n.f3-kinship-labels-toggle label {\n cursor: pointer;\n color: #fff;\n font-weight: bold;\n text-align: center;\n padding: 2px 5px;\n}\n\n.f3-kinship-labels-toggle input[type="checkbox"] {\n cursor: pointer;\n margin-left: 5px;\n margin-right: 5px;\n margin-top: 5px;\n margin-bottom: 5px;\n}','@charset "UTF-8";\n@use "../node_modules/family-chart/dist/styles/family-chart.css";\n\n.pat-family-tree {\n background-color: black;\n}\n'],sourceRoot:""}]),n.A=a},825:function(A){"use strict";A.exports=function(A){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=A.insertStyleElement(A);return{update:function(r){!function(A,n,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var e=void 0!==r.layer;e&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,e&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var i=r.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),n.styleTagTransform(o,A,n.options)}(n,A,r)},remove:function(){!function(A){if(null===A.parentNode)return!1;A.parentNode.removeChild(A)}(n)}}}}}]);
//# sourceMappingURL=624.c8f5985ce479c4e350b3.min.js.map