Changes for page Funding & Funder Requirements
Last modified by Veronika Kocher on Friday, 04 Sep 2026 14:45
From version 5.8
edited by Veronika Kocher
on Thursday, 03 Sep 2026 9:18
on Thursday, 03 Sep 2026 9:18
Change comment:
There is no comment for this version
To version 5.13
edited by Veronika Kocher
on Thursday, 03 Sep 2026 15:54
on Thursday, 03 Sep 2026 15:54
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,18 +1,18 @@ 1 - Identifyfunder requirements for data management, Open Science, documentation, preservation and eligible costs.1 +Check funder requirements for data management, Open Science, documentation, preservation and eligible costs early. 2 2 3 3 == Overview == 4 4 5 - Addaconcise explanationof thistopicandwhyitmattersforArt&Researchprojects.5 +Funding conditions influence more than the budget and timeline. They often also affect data management, Open Access, reporting, rights and retention. Always use the current call and the binding funding conditions as your basis. 6 6 7 7 == What you need to know == 8 8 9 -* Key concepts10 -* Relevantrequirements11 -* Important distinctions9 +* Distinguish eligibility requirements, eligible costs and reporting obligations. 10 +* Check internal deadlines and approvals in addition to the external submission deadline. 11 +* Record requirements concerning data, publication, Open Science, communication and preservation in the project plan. 12 12 13 13 == What you need to do == 14 14 15 -1. Identifywhat applies to your project.15 +1. Check what applies to your project. 16 16 2. Document the relevant decisions. 17 17 3. Use appropriate institutional services and support where needed. 18 18 ... ... @@ -26,32 +26,32 @@ 26 26 27 27 == Services & Tools == 28 28 29 - Add links to relevantinstitutional services, infrastructure and tools.29 +Use the institutional services, infrastructure and tools that fit your project and its requirements. Specific links will be added as the relevant services are included in the Navigator. 30 30 31 31 == Info Sheets & Checklists == 32 32 33 - Add links to relatedInfo Sheets, checklists and templates.33 +Relevant Info Sheets, checklists and templates will be added here as they become available. 34 34 35 35 == Tutorials == 36 36 37 37 38 38 {{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">COMING SOON</span>{{/html}} 39 - Add linksto step-by-step tutorialsforthis topic.39 +Step-by-step tutorials will be added here as they become available. 40 40 41 41 == Related Topics == 42 42 43 - Addlinksto related pagesin Enable, Work & Manage,and Publish & Share.43 +Further guidance can be found in the adjacent phases Prepare, Work & Manage and Publish & Share. 44 44 45 45 == Who is responsible? == 46 46 47 - {{html}}<!-- ARSN_TOPIC_ROUTING_V1 -->{{/html}}47 + 48 48 {{info title="Service routing"}} 49 -**Primary specialist service(s):** Support Kunst und Forschung (SKF) for research funding landscape, call fit, proposal development, internal routingand funded-projectcoordination.49 +**Primary specialist service(s):** Support Kunst und Forschung (SKF) for the research-funding landscape, call fit, proposal development, internal routes and coordination of funded research projects. 50 50 51 -**Role of Support Kunst und Forschung (SKF):** Lead / central project -and-funding hub for this topic; specialistunits are involved when the call triggers legal, financial, HR, data, IT or other requirements.51 +**Role of Support Kunst und Forschung (SKF):** Lead / central project and funding hub for this topic; specialist services are involved when the call triggers legal, financial, HR, data, IT or other requirements. 52 52 {{/info}} 53 53 54 -If you are unsure which route applies, start with the service named above. For funded or project-based research whereseveral unitsare involved, SKF can coordinate the project route.54 +If you are unsure which route applies, start with the specialist service named above. For funded or project-based research involving several units, SKF can coordinate the project route. 55 55 56 56 {{html}} 57 57 <!-- ARSN_SEARCH_TERMS_START --> ... ... @@ -62,7 +62,7 @@ 62 62 This topic can also be found through related terms, synonyms and common search queries. 63 63 Select a term to search the Art & Research Services Navigator. 64 64 </p> 65 -<p style="margin:0;"><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=art%20and%20research#arsn-search-input" class="arsn-search-term" data-search-term="art and research" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">art and research</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=e nable#arsn-search-input" class="arsn-search-term" data-search-term="enable" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">enable</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=research%20funding#arsn-search-input" class="arsn-search-term" data-search-term="research funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">research funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funder requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="grant requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=data%20management%20plan#arsn-search-input" class="arsn-search-term" data-search-term="data management plan" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">data management plan</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=open%20science%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="open science requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">open science requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=eligible%20costs#arsn-search-input" class="arsn-search-term" data-search-term="eligible costs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">eligible costs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding#arsn-search-input" class="arsn-search-term" data-search-term="funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant#arsn-search-input" class="arsn-search-term" data-search-term="grant" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20application#arsn-search-input" class="arsn-search-term" data-search-term="grant application" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant application</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder#arsn-search-input" class="arsn-search-term" data-search-term="funder" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funding requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderung#arsn-search-input" class="arsn-search-term" data-search-term="förderung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderung</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rdergeber#arsn-search-input" class="arsn-search-term" data-search-term="fördergeber" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">fördergeber</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderbedingungen#arsn-search-input" class="arsn-search-term" data-search-term="förderbedingungen" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderbedingungen</a></p>65 +<p style="margin:0;"><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=art%20and%20research#arsn-search-input" class="arsn-search-term" data-search-term="art and research" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">art and research</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=prepare#arsn-search-input" class="arsn-search-term" data-search-term="prepare" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">prepare</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=research%20funding#arsn-search-input" class="arsn-search-term" data-search-term="research funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">research funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funder requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="grant requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=data%20management%20plan#arsn-search-input" class="arsn-search-term" data-search-term="data management plan" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">data management plan</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=open%20science%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="open science requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">open science requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=eligible%20costs#arsn-search-input" class="arsn-search-term" data-search-term="eligible costs" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">eligible costs</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding#arsn-search-input" class="arsn-search-term" data-search-term="funding" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant#arsn-search-input" class="arsn-search-term" data-search-term="grant" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=grant%20application#arsn-search-input" class="arsn-search-term" data-search-term="grant application" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">grant application</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funder#arsn-search-input" class="arsn-search-term" data-search-term="funder" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funder</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=funding%20requirements#arsn-search-input" class="arsn-search-term" data-search-term="funding requirements" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">funding requirements</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderung#arsn-search-input" class="arsn-search-term" data-search-term="förderung" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderung</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rdergeber#arsn-search-input" class="arsn-search-term" data-search-term="fördergeber" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">fördergeber</a><a href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/?q=f%C3%B6rderbedingungen#arsn-search-input" class="arsn-search-term" data-search-term="förderbedingungen" style="display:inline-block;margin:3px 5px 3px 0;padding:3px 8px;border:1px solid #d7d7d7;border-radius:14px;background:#fff;color:#333;text-decoration:none;font-size:12px;">förderbedingungen</a></p> 66 66 </div> 67 67 </details> 68 68 <!-- ARSN_SEARCH_TERMS_END --> ... ... @@ -69,21 +69,132 @@ 69 69 {{/html}} 70 70 71 71 {{html clean="false"}} 72 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_START --> 73 -<style data-sn-horizontal-box-harmonizer="1"> 74 -[data-sn-equal-height-managed="1"]{box-sizing:border-box} 75 -@media(max-width:767px){ 76 - [data-sn-equal-height-managed="1"]{min-height:0!important} 72 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START --> 73 + 74 +<style data-sn-service-navigator-master="1"> 75 +/* ========================================================= 76 + MASTER TYPOGRAPHY 77 + ========================================================= */ 78 +#xwikicontent h1, 79 +#xwikicontent h2, 80 +#xwikicontent h3, 81 +#xwikicontent h4, 82 +#xwikicontent h5, 83 +#xwikicontent h6, 84 +#xwikicontent .box-title, 85 +#xwikicontent [role="heading"], 86 +#xwikicontent h1 a, 87 +#xwikicontent h2 a, 88 +#xwikicontent h3 a, 89 +#xwikicontent h4 a, 90 +#xwikicontent h5 a, 91 +#xwikicontent h6 a, 92 +#xwikicontent .box-title a, 93 +#xwikicontent [role="heading"] a{ 94 + text-align:left!important; 95 + text-justify:auto!important; 96 + word-spacing:normal!important; 77 77 } 98 + 99 +/* ========================================================= 100 + COMING SOON / IN VORBEREITUNG 101 + ========================================================= */ 102 +.sn-coming-soon-badge{ 103 + display:inline-block; 104 + vertical-align:middle; 105 + margin-left:10px; 106 + padding:4px 8px; 107 + border-radius:14px; 108 + border:1px solid #efd9cc; 109 + background:#fff4ee; 110 + color:#8a4d36; 111 + font-size:11px; 112 + font-weight:700; 113 + letter-spacing:.055em; 114 + line-height:1.2; 115 + white-space:nowrap; 116 +} 117 + 118 +/* ========================================================= 119 + NATIVE / DETAIL CALLOUT GEOMETRY 120 + Preserve existing backgrounds. 121 + ========================================================= */ 122 +#xwikicontent .arsn-info, 123 +#xwikicontent .dmp-info, 124 +#xwikicontent .ido-info, 125 +#xwikicontent .pp-info, 126 +#xwikicontent .infomessage{ 127 + box-sizing:border-box!important; 128 + border-left:4px solid #21b6d7!important; 129 + border-radius:8px; 130 + text-align:left!important; 131 + word-spacing:normal!important; 132 +} 133 + 134 +#xwikicontent .arsn-warn, 135 +#xwikicontent .dmp-warn, 136 +#xwikicontent .ido-warn, 137 +#xwikicontent .pp-warn, 138 +#xwikicontent .warn, 139 +#xwikicontent .warning, 140 +#xwikicontent .warningmessage, 141 +#xwikicontent .errormessage{ 142 + box-sizing:border-box!important; 143 + border-left:4px solid #e94b13!important; 144 + border-radius:8px; 145 + text-align:left!important; 146 + word-spacing:normal!important; 147 +} 148 + 149 +[data-sn-master-equal-height], 150 +[data-sn-master-first-row]{ 151 + box-sizing:border-box; 152 +} 153 + 154 +/* ========================================================= 155 + FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS 156 + ========================================================= */ 157 +#xwikicontent .arsn-area-label[data-sn-three-line="1"]{ 158 + display:grid!important; 159 + grid-template-columns:minmax(0,1fr)!important; 160 + grid-auto-rows:auto!important; 161 + width:100%!important; 162 + max-width:none!important; 163 + box-sizing:border-box!important; 164 + justify-items:start!important; 165 + align-items:start!important; 166 + gap:2px!important; 167 + text-align:left!important; 168 + text-align-last:left!important; 169 + text-justify:auto!important; 170 + word-spacing:normal!important; 171 + white-space:normal!important; 172 +} 173 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number, 174 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title, 175 +#xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{ 176 + display:block!important; 177 + width:100%!important; 178 + margin:0!important; 179 + text-align:left!important; 180 + text-align-last:left!important; 181 + text-justify:auto!important; 182 + word-spacing:normal!important; 183 + white-space:normal!important; 184 +} 78 78 </style> 79 -<script data-sn-horizontal-box-harmonizer="1"> 186 + 187 +<script data-sn-service-navigator-master="1"> 80 80 (function(){ 81 81 "use strict"; 82 82 191 + var PAGE_KIND="detail"; 192 + var PLACEHOLDER=true; 193 + var PLACEHOLDER_LABEL="COMING SOON"; 194 + 83 83 var MOBILE_MAX=767; 84 - var ROW_TOLERANCE=4; 85 - var MIN_W=150; 86 - var MIN_H=36; 196 + var ROW_TOLERANCE=6; 197 + var RESIZE_DEBOUNCE=220; 87 87 88 88 var root= 89 89 document.getElementById("xwikicontent")|| ... ... @@ -93,212 +93,1268 @@ 93 93 94 94 if(!root)return; 95 95 96 - var managed=new Set(); 97 - var raf=0; 207 + var managedHeight=new Set(); 208 + var managedMargin=new Set(); 209 + var originalHeight=new WeakMap(); 210 + var originalMargin=new WeakMap(); 98 98 99 - function num(v){ 100 - var n=parseFloat(v); 212 + var resizeTimer=0; 213 + var running=false; 214 + 215 + var THEMES=[ 216 + { 217 + name:"BLUE", 218 + accent:"#21b6d7", 219 + bg:"#eaf7fb", 220 + text:"#315d68", 221 + labels:[ 222 + "HIER STARTEN", 223 + "ENTSCHEIDEN", 224 + "ÜBERPRÜFEN & ANPASSEN", 225 + "START HERE", 226 + "DECIDE", 227 + "REVIEW & ADAPT" 228 + ] 229 + }, 230 + { 231 + name:"RED", 232 + accent:"#e94b13", 233 + bg:"#fff1ec", 234 + text:"#8a4d36", 235 + labels:[ 236 + "PLANEN & ORGANISIEREN", 237 + "ORGANISIEREN & DOKUMENTIEREN", 238 + "PUBLIZIEREN & PRÄSENTIEREN", 239 + "PLAN & ORGANISE", 240 + "PLAN & ORGANIZE", 241 + "ORGANISE & DOCUMENT", 242 + "ORGANIZE & DOCUMENT", 243 + "PUBLISH & PRESENT" 244 + ] 245 + }, 246 + { 247 + name:"YELLOW", 248 + accent:"#f0aa00", 249 + bg:"#fff8e7", 250 + text:"#785b17", 251 + labels:[ 252 + "SCHÜTZEN & KLÄREN", 253 + "STANDARDISIEREN & IDENTIFIZIEREN", 254 + "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN", 255 + "PROTECT & CLARIFY", 256 + "STANDARDISE & IDENTIFY", 257 + "STANDARDIZE & IDENTIFY", 258 + "OPEN, REUSE & MAKE FINDABLE" 259 + ] 260 + }, 261 + { 262 + name:"GREEN", 263 + accent:"#38b76a", 264 + bg:"#edf9f1", 265 + text:"#3f7451", 266 + labels:[ 267 + "INFRASTRUKTUR EINRICHTEN", 268 + "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN", 269 + "SPEICHERN & ZUGRIFF STEUERN", 270 + "REPOSITORIUM, ERHALTEN & ÜBERGEBEN", 271 + "SET UP INFRASTRUCTURE", 272 + "SET UP INFRASTRUCTURE & COLLABORATION", 273 + "STORE & CONTROL ACCESS", 274 + "REPOSITORY, PRESERVE & HAND OVER" 275 + ] 276 + } 277 + ]; 278 + 279 + function num(value){ 280 + var n=parseFloat(value); 101 101 return Number.isFinite(n)?n:0; 102 102 } 103 103 284 + function norm(value){ 285 + return String(value||"") 286 + .replace(/\s+/g," ") 287 + .trim() 288 + .toUpperCase(); 289 + } 290 + 104 104 function visible(el){ 105 105 if(!el||el.nodeType!==1)return false; 106 - var s=getComputedStyle(el); 107 - if(s.display==="none"||s.visibility==="hidden"||Number(s.opacity)===0)return false; 108 - var r=el.getBoundingClientRect(); 109 - return r.width>=MIN_W&&r.height>=MIN_H; 293 + 294 + var style=getComputedStyle(el); 295 + var rect=el.getBoundingClientRect(); 296 + 297 + return ( 298 + style.display!=="none"&& 299 + style.visibility!=="hidden"&& 300 + rect.width>20&& 301 + rect.height>4 302 + ); 110 110 } 111 111 112 - function excluded(el){ 113 - return !el.matches||el.matches( 114 - "button,input,select,textarea,option,label,img,svg,canvas,table,thead,tbody,tfoot,tr,td,th,summary,script,style,noscript,template,.btn,.chip,[role=button]" 305 + function saveStyle(el,map,property){ 306 + if(map.has(el))return; 307 + 308 + map.set(el,{ 309 + value:el.style.getPropertyValue(property), 310 + priority:el.style.getPropertyPriority(property) 311 + }); 312 + } 313 + 314 + function restoreStyle(el,map,property){ 315 + var original=map.get(el); 316 + 317 + if(original&&original.value){ 318 + el.style.setProperty( 319 + property, 320 + original.value, 321 + original.priority||"" 322 + ); 323 + }else{ 324 + el.style.removeProperty(property); 325 + } 326 + } 327 + 328 + function resetRuntime(){ 329 + managedHeight.forEach(function(el){ 330 + restoreStyle( 331 + el, 332 + originalHeight, 333 + "min-height" 334 + ); 335 + el.removeAttribute( 336 + "data-sn-master-equal-height" 337 + ); 338 + }); 339 + 340 + managedMargin.forEach(function(el){ 341 + restoreStyle( 342 + el, 343 + originalMargin, 344 + "margin-top" 345 + ); 346 + el.removeAttribute( 347 + "data-sn-master-first-row" 348 + ); 349 + }); 350 + 351 + managedHeight.clear(); 352 + managedMargin.clear(); 353 + } 354 + 355 + function themeFor(text){ 356 + var value=norm(text); 357 + 358 + for(var i=0;i<THEMES.length;i++){ 359 + for(var j=0;j<THEMES[i].labels.length;j++){ 360 + var label=THEMES[i].labels[j]; 361 + 362 + if( 363 + value===label|| 364 + value.indexOf(label+" ")===0|| 365 + value.indexOf(label+" -")===0|| 366 + value.indexOf(label+" ·")===0 367 + ){ 368 + return THEMES[i]; 369 + } 370 + } 371 + } 372 + 373 + return null; 374 + } 375 + 376 + /* ======================================================= 377 + BORDERLESS FILLED RED/ORANGE CTA BUTTONS 378 + ======================================================= */ 379 + 380 + function colourDistance(a,b){ 381 + return Math.sqrt( 382 + Math.pow(a[0]-b[0],2)+ 383 + Math.pow(a[1]-b[1],2)+ 384 + Math.pow(a[2]-b[2],2) 115 115 ); 116 116 } 117 117 118 - function namedLikeBox(el){ 119 - var c=typeof el.className==="string"?el.className:""; 120 - return /(^|[\s_-])(box|card|tile|panel|role|check|service|source|call|area|detail|resource|topic|warn|info)([\s_-]|$)/i.test(c); 388 + function makeFilledRedOrangeCTAsBorderless(){ 389 + var RED_ORANGE=[233,75,19]; 390 + 391 + Array.from( 392 + root.querySelectorAll( 393 + 'a,button,[role="button"],input[type="submit"],input[type="button"]' 394 + ) 395 + ).forEach(function(el){ 396 + if(!visible(el))return; 397 + 398 + var style=getComputedStyle(el); 399 + var rgb=parseRGB(style.backgroundColor); 400 + 401 + if(!rgb)return; 402 + 403 + if( 404 + colourDistance( 405 + rgb, 406 + RED_ORANGE 407 + )>55 408 + ){ 409 + return; 410 + } 411 + 412 + var rect=el.getBoundingClientRect(); 413 + 414 + if( 415 + rect.width<80|| 416 + rect.height<24 417 + ){ 418 + return; 419 + } 420 + 421 + el.style.setProperty( 422 + "border", 423 + "none", 424 + "important" 425 + ); 426 + 427 + el.style.setProperty( 428 + "border-left", 429 + "none", 430 + "important" 431 + ); 432 + 433 + el.style.setProperty( 434 + "border-top", 435 + "none", 436 + "important" 437 + ); 438 + 439 + el.style.setProperty( 440 + "border-right", 441 + "none", 442 + "important" 443 + ); 444 + 445 + el.style.setProperty( 446 + "border-bottom", 447 + "none", 448 + "important" 449 + ); 450 + 451 + el.style.setProperty( 452 + "box-shadow", 453 + "none", 454 + "important" 455 + ); 456 + }); 121 121 } 122 122 123 - function boxLike(el){ 124 - if(!visible(el)||excluded(el))return false; 125 - var s=getComputedStyle(el); 126 - var r=el.getBoundingClientRect(); 127 - var border= 128 - num(s.borderTopWidth)+num(s.borderRightWidth)+ 129 - num(s.borderBottomWidth)+num(s.borderLeftWidth); 130 - var radius=Math.max( 131 - num(s.borderTopLeftRadius),num(s.borderTopRightRadius), 132 - num(s.borderBottomLeftRadius),num(s.borderBottomRightRadius) 459 + /* ======================================================= 460 + FULL-WIDTH THREE-LINE AREA LABELS 461 + ======================================================= */ 462 + 463 + function compactText(value){ 464 + return String(value||"") 465 + .replace(/\s+/g," ") 466 + .trim(); 467 + } 468 + 469 + function makeThreeLineAreaLabels(){ 470 + Array.from( 471 + root.querySelectorAll( 472 + ".arsn-area-label" 473 + ) 474 + ).forEach(function(label){ 475 + if( 476 + label.getAttribute( 477 + "data-sn-three-line" 478 + )==="1" 479 + ){ 480 + return; 481 + } 482 + 483 + var number= 484 + label.querySelector( 485 + ":scope > .arsn-area-number" 486 + ); 487 + 488 + var action= 489 + label.querySelector( 490 + ":scope > .arsn-area-action" 491 + ); 492 + 493 + if( 494 + !number|| 495 + !action 496 + ){ 497 + return; 498 + } 499 + 500 + var clone= 501 + label.cloneNode(true); 502 + 503 + var cloneNumber= 504 + clone.querySelector( 505 + ":scope > .arsn-area-number" 506 + ); 507 + 508 + var cloneAction= 509 + clone.querySelector( 510 + ":scope > .arsn-area-action" 511 + ); 512 + 513 + if(cloneNumber){ 514 + cloneNumber.remove(); 515 + } 516 + 517 + if(cloneAction){ 518 + cloneAction.remove(); 519 + } 520 + 521 + var titleText= 522 + compactText( 523 + clone.textContent 524 + ); 525 + 526 + if(!titleText){ 527 + return; 528 + } 529 + 530 + var numberNode= 531 + number.cloneNode(true); 532 + 533 + var actionNode= 534 + action.cloneNode(true); 535 + 536 + var titleNode= 537 + document.createElement( 538 + "span" 539 + ); 540 + 541 + titleNode.className= 542 + "sn-area-label-title"; 543 + 544 + titleNode.textContent= 545 + titleText; 546 + 547 + while(label.firstChild){ 548 + label.removeChild( 549 + label.firstChild 550 + ); 551 + } 552 + 553 + label.appendChild( 554 + numberNode 555 + ); 556 + 557 + label.appendChild( 558 + titleNode 559 + ); 560 + 561 + label.appendChild( 562 + actionNode 563 + ); 564 + 565 + label.setAttribute( 566 + "data-sn-three-line", 567 + "1" 568 + ); 569 + 570 + var head= 571 + label.closest( 572 + ".arsn-area-head" 573 + ); 574 + 575 + if(head){ 576 + head.style.setProperty( 577 + "width", 578 + "100%", 579 + "important" 580 + ); 581 + 582 + head.style.setProperty( 583 + "max-width", 584 + "100%", 585 + "important" 586 + ); 587 + 588 + head.style.setProperty( 589 + "box-sizing", 590 + "border-box", 591 + "important" 592 + ); 593 + } 594 + }); 595 + } 596 + 597 + /* ======================================================= 598 + PLACEHOLDER BADGE 599 + ======================================================= */ 600 + 601 + function applyPlaceholderBadge(){ 602 + if(!PLACEHOLDER)return; 603 + 604 + if( 605 + document.querySelector( 606 + ".sn-coming-soon-badge" 607 + ) 608 + ){ 609 + return; 610 + } 611 + 612 + var title= 613 + document.querySelector( 614 + "#document-title" 615 + )|| 616 + document.querySelector( 617 + "h1" 618 + ); 619 + 620 + if(!title)return; 621 + 622 + var badge= 623 + document.createElement( 624 + "span" 625 + ); 626 + 627 + badge.className= 628 + "sn-coming-soon-badge"; 629 + 630 + badge.textContent= 631 + PLACEHOLDER_LABEL; 632 + 633 + badge.setAttribute( 634 + "aria-label", 635 + PLACEHOLDER_LABEL 133 133 ); 134 - var bg=s.backgroundColor&&s.backgroundColor!=="rgba(0, 0, 0, 0)"&&s.backgroundColor!=="transparent"; 135 - var shadow=s.boxShadow&&s.boxShadow!=="none"; 136 - return namedLikeBox(el)||border>=1||(bg&&radius>=3)||(shadow&&r.width>=180); 637 + 638 + title.appendChild( 639 + badge 640 + ); 137 137 } 138 138 139 - functionpickTarget(child){140 - if(!visible(child))returnnull;141 - if(boxLike(child))returnchild;643 + /* ======================================================= 644 + DETAIL PAGE OWN-ACCENT PROPAGATION 645 + ======================================================= */ 142 142 143 - var cr=child.getBoundingClientRect(); 144 - var q=[]; 145 - Array.from(child.children||[]).forEach(function(el){ 146 - q.push({el:el,depth:1}); 647 + function parseRGB(value){ 648 + var match=String(value||"").match( 649 + /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i 650 + ); 651 + 652 + if(!match)return null; 653 + 654 + return [ 655 + Number(match[1]), 656 + Number(match[2]), 657 + Number(match[3]) 658 + ]; 659 + } 660 + 661 + function distance(a,b){ 662 + return Math.sqrt( 663 + Math.pow(a[0]-b[0],2)+ 664 + Math.pow(a[1]-b[1],2)+ 665 + Math.pow(a[2]-b[2],2) 666 + ); 667 + } 668 + 669 + function paletteMatch(cssColor){ 670 + var rgb=parseRGB(cssColor); 671 + 672 + if(!rgb)return null; 673 + 674 + var palette=[ 675 + {hex:"#21b6d7",rgb:[33,182,215]}, 676 + {hex:"#e94b13",rgb:[233,75,19]}, 677 + {hex:"#f0aa00",rgb:[240,170,0]}, 678 + {hex:"#38b76a",rgb:[56,183,106]} 679 + ]; 680 + 681 + var best=null; 682 + var bestDistance=Infinity; 683 + 684 + palette.forEach(function(item){ 685 + var d=distance(rgb,item.rgb); 686 + 687 + if(d<bestDistance){ 688 + best=item; 689 + bestDistance=d; 690 + } 147 147 }); 148 148 149 - var best=null,bestScore=-1; 693 + return bestDistance<=30 694 + ?best 695 + :null; 696 + } 150 150 151 - while(q.length){ 152 - var item=q.shift(); 153 - var el=item.el; 154 - if(!visible(el))continue; 698 + function propagateDetailAccents(){ 699 + if(PAGE_KIND!=="detail")return; 155 155 156 - var r=el.getBoundingClientRect(); 701 + Array.from( 702 + root.querySelectorAll( 703 + ".arsn-call,.dmp-call,.ido-call,.pp-call,"+ 704 + ".arsn-source,.dmp-source,.ido-source,.pp-source" 705 + ) 706 + ).forEach(function(el){ 707 + if(!visible(el))return; 157 157 158 - if(r.width>=cr.width*.72&&boxLike(el)){ 159 - var widthFit=1-Math.min(1,Math.abs(cr.width-r.width)/Math.max(1,cr.width)); 160 - var topFit=1-Math.min(1,Math.abs(cr.top-r.top)/80); 161 - var score=widthFit*5+topFit*2+Math.min(r.height,600)/600; 162 - if(score>bestScore){ 163 - best=el; 164 - bestScore=score; 709 + var style=getComputedStyle(el); 710 + 711 + if( 712 + num(style.borderTopWidth)>=2 713 + ){ 714 + var match= 715 + paletteMatch( 716 + style.borderTopColor 717 + ); 718 + 719 + if(match){ 720 + el.style.setProperty( 721 + "border-left", 722 + "4px solid "+match.hex, 723 + "important" 724 + ); 165 165 } 166 166 } 727 + }); 167 167 168 - if(item.depth<3){ 169 - Array.from(el.children||[]).forEach(function(next){ 170 - q.push({el:next,depth:item.depth+1}); 171 - }); 729 + // Warning families: explicit safety override. 730 + Array.from( 731 + root.querySelectorAll( 732 + ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+ 733 + ".warn,.warning,.warningmessage,.errormessage" 734 + ) 735 + ).forEach(function(el){ 736 + if(!visible(el))return; 737 + 738 + el.style.setProperty( 739 + "border-left", 740 + "4px solid #e94b13", 741 + "important" 742 + ); 743 + }); 744 + 745 + // Info families: explicit orientation override. 746 + Array.from( 747 + root.querySelectorAll( 748 + ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage" 749 + ) 750 + ).forEach(function(el){ 751 + if(!visible(el))return; 752 + 753 + el.style.setProperty( 754 + "border-left", 755 + "4px solid #21b6d7", 756 + "important" 757 + ); 758 + }); 759 + } 760 + 761 + /* ======================================================= 762 + OVERVIEW SEMANTIC THEME PALETTE 763 + ======================================================= */ 764 + 765 + function smallestThemeHeaders(){ 766 + return Array.from( 767 + root.querySelectorAll( 768 + "div,span,p,strong,h3,h4,h5,h6" 769 + ) 770 + ).filter(function(el){ 771 + if(!visible(el))return false; 772 + if(!themeFor(el.textContent))return false; 773 + 774 + return !Array.from( 775 + el.children||[] 776 + ).some(function(child){ 777 + return !!themeFor( 778 + child.textContent 779 + ); 780 + }); 781 + }); 782 + } 783 + 784 + function findOverviewCard(header){ 785 + var node=header.parentElement; 786 + var candidates=[]; 787 + 788 + while(node&&node!==root){ 789 + var rect=node.getBoundingClientRect(); 790 + var style=getComputedStyle(node); 791 + 792 + var border= 793 + num(style.borderTopWidth)+ 794 + num(style.borderRightWidth)+ 795 + num(style.borderBottomWidth)+ 796 + num(style.borderLeftWidth); 797 + 798 + if( 799 + rect.width>=220&& 800 + rect.width<=800&& 801 + rect.height>=120&& 802 + border>=1 803 + ){ 804 + candidates.push(node); 172 172 } 806 + 807 + node=node.parentElement; 173 173 } 174 174 175 - return best; 810 + if(!candidates.length)return null; 811 + 812 + candidates.sort(function(a,b){ 813 + return ( 814 + b.getBoundingClientRect().height- 815 + a.getBoundingClientRect().height 816 + ); 817 + }); 818 + 819 + return candidates[0]; 176 176 } 177 177 178 - function reset(){ 179 - managed.forEach(function(el){ 180 - el.style.removeProperty("min-height"); 181 - el.removeAttribute("data-sn-equal-height-managed"); 822 + function rowCandidates(link,card){ 823 + var result=[]; 824 + var cardRect= 825 + card.getBoundingClientRect(); 826 + 827 + var node=link; 828 + 829 + while(node&&node!==card){ 830 + if(visible(node)){ 831 + var rect= 832 + node.getBoundingClientRect(); 833 + 834 + if( 835 + rect.height<=105&& 836 + rect.width>= 837 + cardRect.width*.50&& 838 + rect.width<= 839 + cardRect.width*1.03 840 + ){ 841 + result.push(node); 842 + } 843 + } 844 + 845 + node=node.parentElement; 846 + } 847 + 848 + return result; 849 + } 850 + 851 + function chooseOuterRow( 852 + candidates, 853 + link 854 + ){ 855 + if(!candidates.length){ 856 + return link; 857 + } 858 + 859 + var bordered= 860 + candidates.filter(function(el){ 861 + return ( 862 + num( 863 + getComputedStyle(el) 864 + .borderLeftWidth 865 + )>=1 866 + ); 867 + }); 868 + 869 + var pool= 870 + bordered.length 871 + ?bordered 872 + :candidates; 873 + 874 + pool.sort(function(a,b){ 875 + var ar= 876 + a.getBoundingClientRect(); 877 + 878 + var br= 879 + b.getBoundingClientRect(); 880 + 881 + return ( 882 + ar.left-br.left|| 883 + br.width-ar.width 884 + ); 182 182 }); 183 - managed.clear(); 886 + 887 + return pool[0]||link; 184 184 } 185 185 186 - function horizontalLayout(parent){ 187 - if(!visible(parent))return false; 188 - var s=getComputedStyle(parent); 189 - if(s.display==="grid"||s.display==="inline-grid")return true; 190 - if(s.display==="flex"||s.display==="inline-flex"){ 191 - return s.flexDirection==="row"||s.flexDirection==="row-reverse"; 890 + function applyOverviewPalette(){ 891 + if(PAGE_KIND!=="overview"){ 892 + return []; 192 192 } 193 - return false; 894 + 895 + var headers= 896 + smallestThemeHeaders() 897 + .map(function(el){ 898 + return { 899 + el:el, 900 + theme: 901 + themeFor( 902 + el.textContent 903 + ), 904 + card: 905 + findOverviewCard( 906 + el 907 + ) 908 + }; 909 + }) 910 + .filter(function(row){ 911 + return !!row.card; 912 + }); 913 + 914 + var unique=[]; 915 + var seenHeaders=new Set(); 916 + 917 + headers.forEach(function(row){ 918 + var key= 919 + row.theme.name+ 920 + "|"+ 921 + Math.round( 922 + row.card 923 + .getBoundingClientRect() 924 + .left 925 + )+ 926 + "|"+ 927 + Math.round( 928 + row.el 929 + .getBoundingClientRect() 930 + .top 931 + ); 932 + 933 + if(!seenHeaders.has(key)){ 934 + seenHeaders.add(key); 935 + unique.push(row); 936 + } 937 + }); 938 + 939 + unique.forEach(function(row){ 940 + var headerRect= 941 + row.el 942 + .getBoundingClientRect(); 943 + 944 + row.el.style.setProperty( 945 + "background", 946 + row.theme.bg, 947 + "important" 948 + ); 949 + 950 + row.el.style.setProperty( 951 + "color", 952 + row.theme.text, 953 + "important" 954 + ); 955 + 956 + row.el.style.setProperty( 957 + "text-align", 958 + "left", 959 + "important" 960 + ); 961 + 962 + row.el.style.setProperty( 963 + "word-spacing", 964 + "normal", 965 + "important" 966 + ); 967 + 968 + var later= 969 + unique 970 + .filter(function(other){ 971 + return ( 972 + other.card===row.card&& 973 + other.el 974 + .getBoundingClientRect() 975 + .top> 976 + headerRect.top+2 977 + ); 978 + }) 979 + .sort(function(a,b){ 980 + return ( 981 + a.el 982 + .getBoundingClientRect() 983 + .top- 984 + b.el 985 + .getBoundingClientRect() 986 + .top 987 + ); 988 + }); 989 + 990 + var stopTop= 991 + later.length 992 + ?later[0].el 993 + .getBoundingClientRect() 994 + .top 995 + :Infinity; 996 + 997 + Array.from( 998 + row.card.querySelectorAll("a") 999 + ).forEach(function(link){ 1000 + if(!visible(link))return; 1001 + 1002 + var rect= 1003 + link.getBoundingClientRect(); 1004 + 1005 + if( 1006 + rect.top<= 1007 + headerRect.bottom-2|| 1008 + rect.top>= 1009 + stopTop-2 1010 + ){ 1011 + return; 1012 + } 1013 + 1014 + var candidates= 1015 + rowCandidates( 1016 + link, 1017 + row.card 1018 + ); 1019 + 1020 + var target= 1021 + chooseOuterRow( 1022 + candidates, 1023 + link 1024 + ); 1025 + 1026 + candidates.forEach(function(el){ 1027 + el.style.setProperty( 1028 + "border-left", 1029 + "0 solid transparent", 1030 + "important" 1031 + ); 1032 + }); 1033 + 1034 + target.style.setProperty( 1035 + "border-left", 1036 + "3px solid "+ 1037 + row.theme.accent, 1038 + "important" 1039 + ); 1040 + 1041 + target.style.setProperty( 1042 + "box-sizing", 1043 + "border-box", 1044 + "important" 1045 + ); 1046 + }); 1047 + }); 1048 + 1049 + return unique; 194 194 } 195 195 196 - function rowGroups(entries){ 1052 + /* ======================================================= 1053 + OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW 1054 + ======================================================= */ 1055 + 1056 + function alignOverviewCards(headers){ 1057 + if( 1058 + PAGE_KIND!=="overview"|| 1059 + window.innerWidth<=MOBILE_MAX 1060 + ){ 1061 + return; 1062 + } 1063 + 1064 + var cards=[]; 1065 + var seen=new Set(); 1066 + 1067 + headers.forEach(function(row){ 1068 + if(!seen.has(row.card)){ 1069 + seen.add(row.card); 1070 + cards.push(row.card); 1071 + } 1072 + }); 1073 + 1074 + if(cards.length<2){ 1075 + return; 1076 + } 1077 + 1078 + // Group cards by actual top position. 197 197 var groups=[]; 198 - entries.slice().sort(function(a,b){ 199 - return a.rect.top-b.rect.top||a.rect.left-b.rect.left; 200 - }).forEach(function(entry){ 1080 + 1081 + cards.forEach(function(card){ 1082 + var top= 1083 + card.getBoundingClientRect().top; 1084 + 201 201 var group=null; 1086 + 202 202 for(var i=0;i<groups.length;i++){ 203 - if(Math.abs(groups[i].top-entry.rect.top)<=ROW_TOLERANCE){ 1088 + if( 1089 + Math.abs( 1090 + groups[i].top-top 1091 + )<=ROW_TOLERANCE 1092 + ){ 204 204 group=groups[i]; 205 205 break; 206 206 } 207 207 } 1097 + 208 208 if(!group){ 209 - group={top:entry.rect.top,entries:[]}; 1099 + group={ 1100 + top:top, 1101 + cards:[] 1102 + }; 210 210 groups.push(group); 211 211 } 212 - group.entries.push(entry); 1105 + 1106 + group.cards.push(card); 213 213 }); 214 - return groups; 215 - } 216 216 217 - function run(){ 218 - reset(); 1109 + groups.forEach(function(group){ 1110 + if(group.cards.length<2){ 1111 + return; 1112 + } 219 219 220 - if(window.innerWidth<=MOBILE_MAX)return; 1114 + var firstHeaders= 1115 + group.cards.map(function(card){ 1116 + var candidates= 1117 + headers 1118 + .filter(function(row){ 1119 + return row.card===card; 1120 + }) 1121 + .sort(function(a,b){ 1122 + return ( 1123 + a.el 1124 + .getBoundingClientRect() 1125 + .top- 1126 + b.el 1127 + .getBoundingClientRect() 1128 + .top 1129 + ); 1130 + }); 221 221 222 - var parents=Array.from(root.querySelectorAll("*")).filter(function(el){ 223 - return el.children&&el.children.length>=2&&horizontalLayout(el); 224 - }); 1132 + return candidates.length 1133 + ?candidates[0] 1134 + :null; 1135 + }); 225 225 226 - parents.forEach(function(parent){ 227 - var entries=[]; 1137 + if( 1138 + !firstHeaders.some(function(row){ 1139 + return !row; 1140 + }) 1141 + ){ 1142 + var targetTop= 1143 + Math.max.apply( 1144 + Math, 1145 + firstHeaders.map(function(row){ 1146 + return ( 1147 + row.el 1148 + .getBoundingClientRect() 1149 + .top- 1150 + row.card 1151 + .getBoundingClientRect() 1152 + .top 1153 + ); 1154 + }) 1155 + ); 228 228 229 - Array.from(parent.children).forEach(function(child){ 230 - if(!visible(child))return; 231 - var target=pickTarget(child); 232 - if(!target)return; 233 - entries.push({ 234 - target:target, 235 - rect:target.getBoundingClientRect() 1157 + firstHeaders.forEach(function(row){ 1158 + var relativeTop= 1159 + row.el 1160 + .getBoundingClientRect() 1161 + .top- 1162 + row.card 1163 + .getBoundingClientRect() 1164 + .top; 1165 + 1166 + var delta= 1167 + targetTop-relativeTop; 1168 + 1169 + if(delta>1){ 1170 + saveStyle( 1171 + row.el, 1172 + originalMargin, 1173 + "margin-top" 1174 + ); 1175 + 1176 + var current= 1177 + num( 1178 + getComputedStyle( 1179 + row.el 1180 + ).marginTop 1181 + ); 1182 + 1183 + row.el.style.setProperty( 1184 + "margin-top", 1185 + ( 1186 + current+delta 1187 + )+"px" 1188 + ); 1189 + 1190 + row.el.setAttribute( 1191 + "data-sn-master-first-row", 1192 + "1" 1193 + ); 1194 + 1195 + managedMargin.add( 1196 + row.el 1197 + ); 1198 + } 236 236 }); 1200 + } 1201 + 1202 + var maxHeight=0; 1203 + 1204 + group.cards.forEach(function(card){ 1205 + maxHeight= 1206 + Math.max( 1207 + maxHeight, 1208 + card 1209 + .getBoundingClientRect() 1210 + .height 1211 + ); 237 237 }); 238 238 239 - if(entries.length<2)return; 1214 + maxHeight= 1215 + Math.ceil(maxHeight); 240 240 241 - rowGroups(entries).forEach(function(group){ 242 - if(group.entries.length<2)return; 1217 + group.cards.forEach(function(card){ 1218 + saveStyle( 1219 + card, 1220 + originalHeight, 1221 + "min-height" 1222 + ); 243 243 244 - var lefts=group.entries.map(function(e){return e.rect.left;}).sort(function(a,b){return a-b;}); 245 - if(lefts[lefts.length-1]-lefts[0]<80)return; 1224 + card.style.setProperty( 1225 + "min-height", 1226 + maxHeight+"px" 1227 + ); 246 246 247 - var targets=[]; 248 - var seen=new Set(); 1229 + card.setAttribute( 1230 + "data-sn-master-equal-height", 1231 + "1" 1232 + ); 249 249 250 - group.entries.forEach(function(e){ 251 - if(!seen.has(e.target)){ 252 - seen.add(e.target); 253 - targets.push(e.target); 1234 + managedHeight.add( 1235 + card 1236 + ); 1237 + }); 1238 + }); 1239 + } 1240 + 1241 + /* ======================================================= 1242 + DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY 1243 + ======================================================= */ 1244 + 1245 + function equaliseDetailGrids(){ 1246 + if( 1247 + PAGE_KIND!=="detail"|| 1248 + window.innerWidth<=MOBILE_MAX 1249 + ){ 1250 + return; 1251 + } 1252 + 1253 + var selectors=[ 1254 + ".arsn-grid", 1255 + ".arsn-grid-2", 1256 + ".arsn-grid-3", 1257 + ".dmp-grid", 1258 + ".ido-grid", 1259 + ".pp-grid" 1260 + ]; 1261 + 1262 + selectors.forEach(function(selector){ 1263 + Array.from( 1264 + root.querySelectorAll(selector) 1265 + ).forEach(function(grid){ 1266 + var children= 1267 + Array.from( 1268 + grid.children||[] 1269 + ).filter(visible); 1270 + 1271 + if(children.length<2){ 1272 + return; 1273 + } 1274 + 1275 + var groups=[]; 1276 + 1277 + children.forEach(function(child){ 1278 + var top= 1279 + child 1280 + .getBoundingClientRect() 1281 + .top; 1282 + 1283 + var group=null; 1284 + 1285 + for(var i=0;i<groups.length;i++){ 1286 + if( 1287 + Math.abs( 1288 + groups[i].top-top 1289 + )<=ROW_TOLERANCE 1290 + ){ 1291 + group=groups[i]; 1292 + break; 1293 + } 254 254 } 255 - }); 256 256 257 - if(targets.length<2)return; 1296 + if(!group){ 1297 + group={ 1298 + top:top, 1299 + items:[] 1300 + }; 1301 + groups.push(group); 1302 + } 258 258 259 - var max=0; 260 - targets.forEach(function(el){ 261 - max=Math.max(max,el.getBoundingClientRect().height); 1304 + group.items.push(child); 262 262 }); 263 263 264 - max=Math.ceil(max); 265 - if(max<MIN_H)return; 1307 + groups.forEach(function(group){ 1308 + if(group.items.length<2){ 1309 + return; 1310 + } 266 266 267 - targets.forEach(function(el){ 268 - el.style.setProperty("min-height",max+"px"); 269 - el.setAttribute("data-sn-equal-height-managed","1"); 270 - managed.add(el); 1312 + var maxHeight=0; 1313 + 1314 + group.items.forEach(function(item){ 1315 + maxHeight= 1316 + Math.max( 1317 + maxHeight, 1318 + item 1319 + .getBoundingClientRect() 1320 + .height 1321 + ); 1322 + }); 1323 + 1324 + maxHeight= 1325 + Math.ceil(maxHeight); 1326 + 1327 + group.items.forEach(function(item){ 1328 + saveStyle( 1329 + item, 1330 + originalHeight, 1331 + "min-height" 1332 + ); 1333 + 1334 + item.style.setProperty( 1335 + "min-height", 1336 + maxHeight+"px" 1337 + ); 1338 + 1339 + item.setAttribute( 1340 + "data-sn-master-equal-height", 1341 + "1" 1342 + ); 1343 + 1344 + managedHeight.add(item); 1345 + }); 271 271 }); 272 272 }); 273 273 }); 274 274 } 275 275 276 - function schedule(){ 277 - if(raf)cancelAnimationFrame(raf); 278 - raf=requestAnimationFrame(function(){ 279 - raf=requestAnimationFrame(function(){ 280 - raf=0; 281 - run(); 282 - }); 283 - }); 1351 + /* ======================================================= 1352 + RUN / RESPONSIVE SCHEDULING 1353 + ======================================================= */ 1354 + 1355 + function run(){ 1356 + if(running)return; 1357 + 1358 + running=true; 1359 + 1360 + try{ 1361 + resetRuntime(); 1362 + applyPlaceholderBadge(); 1363 + propagateDetailAccents(); 1364 + 1365 + var headers= 1366 + applyOverviewPalette(); 1367 + 1368 + makeThreeLineAreaLabels(); 1369 + makeFilledRedOrangeCTAsBorderless(); 1370 + 1371 + if( 1372 + window.innerWidth> 1373 + MOBILE_MAX 1374 + ){ 1375 + alignOverviewCards( 1376 + headers 1377 + ); 1378 + 1379 + equaliseDetailGrids(); 1380 + } 1381 + }finally{ 1382 + running=false; 1383 + } 284 284 } 285 285 286 - addEventListener("resize",schedule,{passive:true}); 287 - addEventListener("load",schedule,{once:true}); 1386 + function onResize(){ 1387 + if(resizeTimer){ 1388 + clearTimeout( 1389 + resizeTimer 1390 + ); 1391 + } 288 288 289 - root.addEventListener("click",function(){ 290 - setTimeout(schedule,0); 291 - },true); 1393 + resizeTimer= 1394 + setTimeout( 1395 + function(){ 1396 + resizeTimer=0; 1397 + run(); 1398 + }, 1399 + RESIZE_DEBOUNCE 1400 + ); 1401 + } 292 292 293 - if(document.fonts&&document.fonts.ready){ 294 - document.fonts.ready.then(schedule); 1403 + async function waitForReady(){ 1404 + if( 1405 + document.readyState!=="complete" 1406 + ){ 1407 + await new Promise(function(resolve){ 1408 + window.addEventListener( 1409 + "load", 1410 + resolve, 1411 + {once:true} 1412 + ); 1413 + }); 1414 + } 1415 + 1416 + if( 1417 + document.fonts&& 1418 + document.fonts.ready 1419 + ){ 1420 + try{ 1421 + await document.fonts.ready; 1422 + }catch(error){} 1423 + } 1424 + 1425 + var images= 1426 + Array.from( 1427 + root.querySelectorAll("img") 1428 + ); 1429 + 1430 + await Promise.all( 1431 + images.map(function(img){ 1432 + if(img.complete){ 1433 + return Promise.resolve(); 1434 + } 1435 + 1436 + return new Promise(function(resolve){ 1437 + var done=function(){ 1438 + resolve(); 1439 + }; 1440 + 1441 + img.addEventListener( 1442 + "load", 1443 + done, 1444 + {once:true} 1445 + ); 1446 + 1447 + img.addEventListener( 1448 + "error", 1449 + done, 1450 + {once:true} 1451 + ); 1452 + }); 1453 + }) 1454 + ); 1455 + 1456 + run(); 295 295 } 296 296 297 - schedule(); 298 - setTimeout(schedule,250); 299 - setTimeout(schedule,900); 1459 + window.addEventListener( 1460 + "resize", 1461 + onResize, 1462 + {passive:true} 1463 + ); 1464 + 1465 + waitForReady(); 300 300 })(); 301 301 </script> 302 -<!-- SN_HORIZONTAL_BOX_HARMONIZER_END --> 1468 + 1469 +<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END --> 303 303 {{/html}} 304 304