Skip to content

Commit

Permalink
Fix components with same slot name in the same node
Browse files Browse the repository at this point in the history
  • Loading branch information
@thewebartisan7
thewebartisan7 committed Oct 24, 2022
1 parent f98c89e commit 7e89190
Show file tree
Hide file tree
Showing 16 changed files with 435 additions and 547 deletions.
121 changes: 121 additions & 0 deletions docs/demo.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PostHTML UI</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.doc-shadow {
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
rgba(0, 0, 0, 0.1) 0px 1px 2px -1px !important;
}
</style>
</head>
<body class="d-flex flex-column h-100 bg-light">
<header class="py-3 mb-4">
<div class="container-lg">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between">
<a href="index.html" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" fill="currentColor" class="bi bi-code-slash me-2" viewbox="0 0 16 16">
<path d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"></path>
</svg>
</a>
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<li>
<a class="nav-link px-2 link-dark" href="index.html">Home</a>
</li>
<li>
<a class="nav-link px-2 link-dark" href="docs.html">Docs</a>
</li>
<li>
<a class="nav-link px-2 link-dark" href="https://github.com/posthtml" target="_blank">PostHTML</a>
</li>
<li>
<a class="nav-link px-2 link-dark d-block d-md-none" href="https://www.npmjs.com/package/posthtml-component" target="_blank">NPM</a>
</li>
<li>
<a class="nav-link px-2 link-dark d-block d-md-none" href="https://github.com/thewebartisan7/posthtml-components" target="_blank">GitHub</a>
</li>
</ul>
<div class="col-md-3 text-end d-none d-md-block">
<a class="btn btn-light bg-white doc-shadow border-white me-3" href="https://www.npmjs.com/package/posthtml-component" target="_blank">NPM</a>
<a class="btn btn-light bg-white doc-shadow border-white" href="https://github.com/thewebartisan7/posthtml-components" target="_blank">GitHub</a>
</div>
</div>
</div>
</header>
<main class="flex-shrink-0">
<div class="container-lg">
<div class="row">
<div class="col-lg-8">
<h1 class="display-1 fw-bold mb-4">Demo</h1>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto py-3">
<div class="container-lg">
<div class="text-muted text-center">
Handcrafted with
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-fill d-inline mx-1 text-danger" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"></path>
</svg>
and
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-hot-fill d-inline mx-1 text-warning" viewbox="0 0 16 16">
<path fill-rule="evenodd" d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5Z"></path>
<path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z"></path>
</svg>
in Swiss Alp by
<a href="https://github.com/thewebartisan7" class="text-muted text-decoration-none fst-italic" target="_blank">@thewebartisan7</a>
</div>
</div>
</footer>
<div class="modal fade" id="modalWithComponents" data-bs-backdrop="true" data-bs-keyboard="true" aria-labelledby="modalWithComponents" tabindex="-1" aria-hidden="true" aria-modal="true" role="dialog">
<div class="modal-dialog modal-lg modal-fullscreen-lg-down modal-dialog-centered modal-dialog-custom">
<div class="modal-content modal-content-custom">
<div class="modal-header">
<h5 class="modal-title" id="modalWithComponentsLabel">Changelog</h5>
<button type="button" class="btn" override:class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<!-- /.modal-header -->
<div class="modal-body">
<h3 id="1.0.0-beta.4-(2022-10-23)" tabindex="-1">
<a class="header-anchor" href="#1.0.0-beta.4-(2022-10-23)">#</a>
1.0.0-beta.4 (2022-10-23)
</h3>
<ul>
<li>Refactor with underscore.js</li>
<li>Optionally set attributes to any nodes not only the first one</li>
<li>Added more docs</li>
</ul>
<h3 id="1.0.0-beta.3-(2022-10-21)" tabindex="-1">
<a class="header-anchor" href="#1.0.0-beta.3-(2022-10-21)">#</a>
1.0.0-beta.3 (2022-10-21)
</h3>
<ul>
<li>Apply additional plugins to tree</li>
</ul>
<h3 id="1.0.0-beta.2-(2022-10-20)" tabindex="-1">
<a class="header-anchor" href="#1.0.0-beta.2-(2022-10-20)">#</a>
1.0.0-beta.2 (2022-10-20)
</h3>
<ul>
<li>First beta release</li>
</ul>
</div>
<!-- /.modal-body -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
<!-- /.modal-footer -->
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
43 changes: 26 additions & 17 deletions docs/docs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,28 +32,37 @@
margin-bottom: 1.5rem;
}

.header-anchor {
margin-left: -28px;
line-height: 1;
.header-anchor,
h1 .header-anchor,
h2 .header-anchor,
h3 .header-anchor {
color: inherit;
text-decoration: none;
visibility: hidden;
}

h1 .header-anchor {
margin-left: -34px;
}
@media only screen and (min-width: 1200px) {
.header-anchor {
margin-left: -28px;
line-height: 1;
color: inherit;
text-decoration: none;
visibility: hidden;
}

h3 .header-anchor {
margin-left: -24px;
}
h1 .header-anchor {
margin-left: -34px;
}

.header-anchor:hover,
h1:hover .header-anchor,
h2:hover .header-anchor,
h3:hover .header-anchor{
visibility: visible;
color: inherit;
h3 .header-anchor {
margin-left: -24px;
}

.header-anchor:hover,
h1:hover .header-anchor,
h2:hover .header-anchor,
h3:hover .header-anchor {
visibility: visible;
}
}

#header-toc .nav-link {
Expand Down Expand Up @@ -110,7 +119,7 @@
</div>
</header>
<main class="flex-shrink-0">
<div class="container">
<div class="container-lg">
<div class="row">
<div class="col-12 col-xl-3 order-1 order-xl-2 toc">
<div class="mt-3 mb-5 my-lg-0 ps-xl-3 mb-lg-5 text-muted">
Expand Down
2 changes: 1 addition & 1 deletion docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
</div>
</header>
<main class="flex-shrink-0">
<div class="container">
<div class="container-lg">
<div class="row justify-content-center align-items-center">
<div class="col-lg-8 text-center">
<h1 class="display-1 fw-bold mb-4">Build the web with PostHTML</h1>
Expand Down
Loading

0 comments on commit 7e89190

Please sign in to comment.